Hi, I am performing speed optimisations. I have used autoptimze plugin for CSS and html but have found (as others have on this forum) that using this for javascript breaks the theme.
I cannot use tagdiv speed booster as i have incompatible plugins.
Can you recommend a plugin that will help with javascript?
Also, these are my javascript that are render-blocking.
Do you know which ones can be parsed?
https://www.mysite.com/wp-content/themes/Newspaper/js/tagdiv_theme.min.js?ver=8.5.1 (172.1KiB)
https://www.mysite.com/wp-includes/js/jquery/jquery.js?ver=1.12.4 (87.0KiB)
https://www.mysite.com/ (23.9KiB of inline JavaScript)
https://www.mysite.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1 (7.7KiB)
https://www.mysite.com/wp-includes/js/wp-embed.min.js?ver=4.9.4 (1.2KiB)
https://www.mysite.com/wp-includes/js/comment-reply.min.js?ver=4.9.4 (918B)
Hi,
You could follow optimization suggestions and configurations from these topics
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Or try using different plugins and make tests. Or even disable the speed booster compatibility check, making it be always active and test like his
– https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Thanks
Ok, thanks. I’ve used the disabled speed booster and that broke the site. It didnt like some of my other plugins.
I’ve also tried lots of different optimisation plugins that move render blocking JS.
They all have the same problem and it seems to be concerning jquery.js
When this is parsed, the website loads SUPER quick. However, the only ‘breakage’ is that my background image does not load. I seem to have a choice between a slow site with background image or a super fast site on a white background.
Do you have any suggestions how I can parse jquery.js and still have a background image?
thanks
We only tested the Speed booster plugin with the recommended plugins. No other tests were made with similar plugins unfortunately. So I could not say why exactly the issue you mention is happening. Maybe keep making tests, follow online tutorials and resources and try different solutions.
Thanks
Thanks for the reply. I think you misunderstood. I am not using the speedbooster due to imcompatibility.
Its really a question about jquery.js and the background image. Any attempt to parse jquery using any sped plugin causing the backgroung image to break.
Is there any way of async the background image load independent of jquery?
This is where the background function is defined in the theme
– https://www.screencast.com/t/v3NcveKrPJl9
I cannot say what should be done to avoid the background issue, you can try and make modifications to that function maybe.
