Return to previous page

Page speed JS/CSS optimization - by sahandrajabion

This topic has 16 replies, 4 voices, and was last updated 8 years, 4 months ago ago by Jack Richardson

sahandrajabion

Participant

January 11, 2017 at 09:36

Hello,

After i just installed the Classico theme and tried it in “Google Page Speed Insights”, it complains about a lot of issues regarding the Javascript and CSS and optimizations about the images.

The images I can use the “Tiny Png” plugin or something to optimize, but how do i solve the the Javascript / Css problem ? It also complains about the server response time on the page, it should not be any problems on my web host, dont know if there is something in the theme under the code (unneccessary redirects?) or something that causing this?

Please help me due the webshop is really slow right now.

Great theme otherwise :)!

#151497 Copied

15 Answers

sahandrajabion

Participant

January 11, 2017 at 11:52

Still need assistance to solve this please help?

#151527 Copied

sahandrajabion

Participant

January 11, 2017 at 13:13

Checked again now in google page speed and de server response time is 24,1 seconds which is really much. I only have all the recommended plugins and settings installed (Theme demo content). My webhost is not the problem, I have used the same webhost on other sites without this problems. It has to be something related to the theme, please assist me to solve this!

Best regards.

#151535 Copied

Rose Tyler

Support staff

January 11, 2017 at 14:58

Hello,

For better results in Google PageSpeed please kindly follow the link below:
http://www.wpmayor.com/how-to-achieve-google-pagespeed-score-90-higher/
Also you can use some additional plugins for compression, caching (W3 Total Cache etc), image optimization (WP Smush etc.) and Javascript / CSS Minifiers.
To improve page speed we would recommend to use cache plugin. For example W3 Total cache, because it has almost all the necessary options. Please read this article how to set up W3 Total Cache plugin:
http://zemalf.com/1443/w3-total-cache/
You can speed up the site following the suggestions from these articles:
http://techtage.com/speeding-up-wordpress-sites/
http://www.sparringmind.com/speed-up-wordpress/
https://www.inmotionhosting.com/support/website/wordpress/heartbeat-ajax-php-usage#heartbeat-in-action
http://premium.wpmudev.org/blog/10-best-image-optimization-plugins-to-speed-up-your-wordpress-site/
http://www.elegantthemes.com/blog/tips-tricks/optimize-images-for-your-wordpress-website

Regards,
Rose Tyler.

#151555 Copied

sahandrajabion

Participant

January 11, 2017 at 15:20

Hi again,

I am currently using W3 Total Cache and also TinyPng for image optimizations. The problem remains even when using the Total cache plugin. The JS files and CSS gets Minified by W3 Total Cache which it should, but google page speed still complains about the minified files due they are initialized in (wrong) places in the code? The JS/CSS files blocks the rendering of the website which makes it take to much time and slows down the whole site. My website right now is not operational because of this. If you go to my website and just click on an product you can see how much time it takes, I can not release it for customers in this speed. Has to do with something in the code i believe.

#151568 Copied

sahandrajabion

Participant

January 11, 2017 at 15:23

Maybe the JS files should be initialized in the footer instead? But I cant find where they are initialized in the code and don´t know exactly how to move them in that case to solve this problem. Please kindly assist me on this.

Best regards!

#151569 Copied

Rose Tyler

Support staff

January 11, 2017 at 15:36

Hello,

Could you please, try to disable all 3-rd party plugins and then check.

Regards,
Rose Tyler.

#151575 Copied

sahandrajabion

Participant

January 11, 2017 at 15:46

Right now all the recommended plugins is only activated and + W3 Total Cache. In google page speed it shows the same result (2 minified JS files that blocks the rendering). If I also deactivate W3 Total Cache, all the JS files and CSS files that are initialized in the theme is listed (The ones which blocked the rendering and causes the problem). I can also deactivate all other recommended plugins and many of the listed files below will dissappear and make it a little bit faster but this is plugins that i need that comes with the theme.

Google page speed message : There are 10 scripting resources and 25 CSS resources that block the rendering of the page. It allows the rendering takes longer.

LIST OF JS FILES:

http://armofsweden.se/wp-includes/js/jquery/jquery.js
http://armofsweden.se/…includes/js/jquery/jquery-migrate.min.js
http://armofsweden.se/…ential-grid/public/assets/js/lightbox.js
http://armofsweden.se/…assets/js/jquery.themepunch.tools.min.js
http://armofsweden.se/…s/js/jquery.themepunch.revolution.min.js
http://armofsweden.se/…ce/assets/js/frontend/add-to-cart.min.js
http://armofsweden.se/…ts/js/vendors/woocommerce-add-to-cart.js
http://armofsweden.se/wp-includes/js/jquery/ui/core.min.js
http://armofsweden.se/…_VC_Addons/assets/min-js/ultimate.min.js
http://armofsweden.se/…p-content/themes/classico/js/head.min.js

LIST OF CSS FILES:

http://armofsweden.se/…s/contact-form-7/includes/css/styles.css
http://armofsweden.se/…tial-grid/public/assets/css/settings.css
http://fonts.googleapis.com/…ns%3A300%2C400%2C600%2C700%2C800&ver=4.7
http://fonts.googleapis.com/…00%2C500%2C600%2C700%2C800%2C900&ver=4.7
http://fonts.googleapis.com/…s?family=Droid+Serif%3A400%2C700&ver=4.7
http://armofsweden.se/…revslider/public/assets/css/settings.css
http://armofsweden.se/…s/woocommerce/assets/css/prettyPhoto.css
http://armofsweden.se/…wishlist/assets/css/jquery.selectBox.css
http://armofsweden.se/…oocommerce-wishlist/assets/css/style.css
http://armofsweden.se/…wishlist/assets/css/font-awesome.min.css
http://armofsweden.se/…nt/themes/classico/css/bootstrap.min.css
http://armofsweden.se/wp-content/themes/classico/style.css
http://armofsweden.se/…-content/themes/classico-child/style.css
http://armofsweden.se/…_composer/assets/css/js_composer.min.css
http://armofsweden.se/…/public/assets/css/masterslider.main.css
http://armofsweden.se/…-content/uploads/masterslider/custom.css
http://armofsweden.se/…themes/classico/css/font-awesome.min.css
http://fonts.googleapis.com/…CCookie&subset=latin%2Clatin-ext&ver=4.7
http://armofsweden.se/…ploads/smile_fonts/Defaults/Defaults.css
http://armofsweden.se/…C_Addons/assets/min-css/ultimate.min.css
http://fonts.googleapis.com/…ly=Open+Sans&subset=latin&ver=1483708721
http://fonts.googleapis.com/…=Open+Sans%3A300%2C400%2C600%2C700%2C800
http://fonts.googleapis.com/…C300%2C400%2C500%2C600%2C700%2C800%2C900
http://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700
http://fonts.googleapis.com/…s?family=Poppins%3A600%2C300%2C400%2C500

#151578 Copied

sahandrajabion

Participant

January 11, 2017 at 15:49

Even your demo site on the Classico theme shows all these problems …

#151581 Copied

Eva Kemp

Participant

January 11, 2017 at 17:30

Hello,

For better results in Google PageSpeed please kindly follow the links below:
http://www.wpmayor.com/how-to-achieve-google-pagespeed-score-90-higher/
Also due to GTmetrix results https://gtmetrix.com/reports/www.armofsweden.se/n1eOgtxY you need follow their suggestions to increase site loading speed.
These articles should help you:
http://www.laplacef.com/2014/05/24/how-to-defer-parsing-javascript-in-wordpress/
http://www.elegantthemes.com/blog/tips-tricks/optimize-images-for-your-wordpress-website
https://www.mvestormedia.com/leverage-browser-caching-w3-total-cache/

Regards,
Eva Kemp.

#151608 Copied

sahandrajabion

Participant

January 12, 2017 at 08:38

Hello,

I have been through these steps and read the links you sent me. The results of the link from gtmetrix that you sent me is similar to the google page speed results i got and the same suggestions about what i should do to make it faster. The problem is that it complains about the initializing of the JS & CSS files that is blocking the rendering of the rest of the page content and make it slower. I need to go in to the theme code and make some changes, probably move them to the footer. This is what i need help with because i can not find the right file in the code and need assistens to where to put them or make the scripts get read after rendering everything else in the code.

#151636 Copied

sahandrajabion

Participant

January 12, 2017 at 08:40

I have done everything else in the lists you sent me..

#151637 Copied

sahandrajabion

Participant

January 12, 2017 at 13:24

Still Waiting here please assist some help…

#151681 Copied

Eva Kemp

Participant

January 13, 2017 at 14:59

Hello,

As I see your page speed score is great https://gtmetrix.com/reports/armofsweden.se/fpzT8fYB . It has an A mark. If you wish you can disable Ajax Add to Cart option in Theme Options > E-Commerce > Single Product Page to speed up the site.
Also contact your hosting provider support regarding this notice http://prntscr.com/dv4nlg .

Regards,
Eva Kemp.

#151817 Copied

sahandrajabion

Participant

January 13, 2017 at 16:57

Hello, No please check again, I have disabled all recommended plugins and thats why you got a good result, but i abviously need the plugins activated, thats my problem. Please help to fix this !

Regards

#151841 Copied

Jack Richardson

Support staff

January 18, 2017 at 16:11

Hello,

I’ve replied in your new topic.
Please check it.

Best regards,
Jack Richardson.

#152313 Copied
Viewing 16 results - 1 through 16 (of 16 total)