Performance optimization for Jetpack
-
It seems jetpack loads a bunch of javascript like wpgroho.js, photon.js, devicepx.js etc. Will it be possiv\ble to minify and concatenate them to one single file to reduce http request.
-
The files you mentioned in your post are served via WordPress.com CDN, and are already optimized, so you shouldn’t experience any speed issues there.
For the CSS and JS libraries hosted on your site, you should be able to use cache plugins like WP Super Cache.
If you still experience performance issues, let us know!
I have been using jetpack for a while but it really slows down my site dramatically.
Once I deactivate it my site started loading really fast again, I hope you guys can figure this issue out so I can upload it again because it’s a great plugin.
I deactivated all the plugins and started activating the once that were most important to me. I was able to activate a few of the plugins I would like to have on my site however the Site Stats and the Jetpack Comment System really seemed to be the once that were doing the most damage. Now that I am not using Stats and the Jetpack Comments, my site seems to be running a lot faster and I am still able to use the plugins I wanted to use the most like; Social sharing, Gravatar Hover Card, Subscribe to Blog and comments. Hopefully you guys can figure out a way to make the Stats plugin run faster on an average site one day then I would be more the happy to use it.
Cheers!
Could you post a link to your site, so I can have a look? Since both features rely on functionality that is hosted with WordPress.com, I’d like to understand why you experience these issues.
If you want your site URL to remain private, you can also contact us via this contact form:
https://en.support.wordpress.com/contact/?jetpack=needs-serviceHere it is https://marketingden.net/
Thanks.
I had a look at your site, and noticed that it includes quite a lot of Javascript librairies.
By configuring W3 Total Cache and minifying all these scripts, you might improve your site’s loading speed.You can also find more tips and advices by running a Page Speed analysis:
https://developers.google.com/speed/pagespeed/insights#url=http_3A_2F_2Fmarketingden.net_2F&mobile=falseThat’s funny because I add WP Total Cache to my site today ??
I enabled Minify but it threw all my pop-out widgets underneath the theme below the footer with a big white space. I then selected manually minify and it seemed to work fine. Although I am not totally sure if the Minify works differently whether you are using Auto or manual.
Hmmm
Jeremy, my access log says that the jetpack scripts are being loaded from my server. Is there some kind of option I can tick to make sure they are being served by wordpress.com? I am already “connected” to wordpress, according to the admin dashboard.
My website is using the most resources from my shared host and I’m in danger of having my site shut down if I don’t reduce the resource load.
Here is a snippet of my access log that shows thescripts and images are being served by my website, not wordpress.com (even though I have ticked the box to serve my images from there as well).
Each page that is loaded makes 13 separate calls to jetpack – minimum more if the page includes a gallery or some other jetpack feature. It doesn’t sound like alot but add 3-5k visitors who click on 5-10 pages a day and it starts to add up!
xxx.43.232.78 – – [02/Jun/2013:00:00:57 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/sharing.css?ver=2.2.5 HTTP/1.1” 304 – “https://www.hippressurecooking.com/pressure-cooked-and-smashed-potatoes-lesson-1-boiling-and-maximum-capacity/” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/photon/photon.js?ver=20130122 HTTP/1.1” 304 – “https://www.hippressurecooking.com/pressure-cooked-and-smashed-potatoes-lesson-1-boiling-and-maximum-capacity/” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/wpgroho.js?ver=3.5.1 HTTP/1.1” 304 – “https://www.hippressurecooking.com/pressure-cooked-and-smashed-potatoes-lesson-1-boiling-and-maximum-capacity/” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/images/loading.gif HTTP/1.1” 200 2530 “https://www.hippressurecooking.com/pressure-cooked-and-smashed-potatoes-lesson-1-boiling-and-maximum-capacity/” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/sharing.js?ver=20121205 HTTP/1.1” 200 38720 “https://www.hippressurecooking.com/pressure-cooked-and-smashed-potatoes-lesson-1-boiling-and-maximum-capacity/” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/images/print.png HTTP/1.1” 200 316 “https://www.hippressurecooking.com/wp-content/plugins/jetpack/modules/sharedaddy/sharing.css?ver=2.2.5” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/images/pinterest.png HTTP/1.1” 200 6407 “https://www.hippressurecooking.com/wp-content/plugins/jetpack/modules/sharedaddy/sharing.css?ver=2.2.5” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/images/twitter.png?1 HTTP/1.1” 200 523 “https://www.hippressurecooking.com/wp-content/plugins/jetpack/modules/sharedaddy/sharing.css?ver=2.2.5” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/images/googleplus1.png?1 HTTP/1.1” 200 574 “https://www.hippressurecooking.com/wp-content/plugins/jetpack/modules/sharedaddy/sharing.css?ver=2.2.5” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/images/reddit.png HTTP/1.1” 200 918 “https://www.hippressurecooking.com/wp-content/plugins/jetpack/modules/sharedaddy/sharing.css?ver=2.2.5” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/images/email.png HTTP/1.1” 200 316 “https://www.hippressurecooking.com/wp-content/plugins/jetpack/modules/sharedaddy/sharing.css?ver=2.2.5” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/images/facebook.png HTTP/1.1” 200 838 “https://www.hippressurecooking.com/wp-content/plugins/jetpack/modules/sharedaddy/sharing.css?ver=2.2.5” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”
xxx.43.232.78 – – [02/Jun/2013:00:00:58 -0400] “GET /wp-content/plugins/jetpack/modules/sharedaddy/images/more.png HTTP/1.1” 200 395 “https://www.hippressurecooking.com/wp-content/plugins/jetpack/modules/sharedaddy/sharing.css?ver=2.2.5” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:22.0) Gecko/20100101 Firefox/22.0”Ciao,
L
My access log says that the jetpack scripts are being loaded from my server. Is there some kind of option I can tick to make sure they are being served by wordpress.com?
Jetpack doesn’t offer any option to host these resources for you. The Photon module allows you to serve all images from the WordPress.com cloud, but that only applies to images.
My website is using the most resources from my shared host and I’m in danger of having my site shut down if I don’t reduce the resource load.
You can use a Content Delivery Network (CDN) to offload the bulk of your javascript libraries and other static files to another server. I don’t use any CDN myself, so I can’t recommend any specific one, but I’m sure you could find helpful posts and recommendations here in the support forums.
Earlier you said to the original poster…
The files you mentioned in your post [wpgroho.js, photon.js, devicepx.js] are served via WordPress.com CDN, and are already optimized, so you shouldn’t experience any speed issues there.
I’m confused.
Thanks,
L
That’s correct. All other files are not served via WordPress.com CDN though, so you will need to use another CDN for your other libraries.
So, if wpgroho.js is served via wordpress.com CDN, why is it that my server is sending it instead? (see log excerpt above).
I should have been more precise in my replies, sorry about that.
Some Jetpack files are served via WordPress.com CDN, because they do not affect the look of the different elements appearing on your site, and do not need to be modified on your end:
- devicepx-jetpack.js (Retina support)
- e-201306.js (Stats)
- gprofiles.js (Gravatar Hovercards)
- s.gravatar.com/css/services.css (Gravatar Hovercards)
- noticons.css (Notifications)
- admin-bar-rest.css (Notifications)
- mustache.js (Notifications)
- postmessage.js (Notifications)
- notes-rest-common.js (Notifications)
- admin-bar-rest.js (Notifications)
- videopress.js (VideoPress)
Other elements are hosted on your site, so you can modify them or dequeue them and replace them with your own files if you need to customize the look of the services:
- jetpack-carousel.js (Carousel)
- tiled-gallery.js (Tiled Galleries)
- sharing.js (Sharing buttons)
- sharing.css (Sharing buttons)
- jquery.spin.js
- spin.js
- infinity.js (Infinite Scroll)
- infinity.css (Infinite Scroll)
- widget-grid-and-list.css (Widgets)
- widgets.css (Widgets)
- slideshow-shortcode.css (Widgets)
I hope that clarifies things a bit.
A minor point, but one worth adding to this conversation:
Google has an open CDN ( details here: https://developers.google.com/speed/libraries/devguide )
Most notably for a lot of WordPress themes; they keep copies of multiple versions of jQuery.
Thanks to https://gregrickaby.com/genesis-code-snippets/#header for the insight on this (as well a code snippet to use)
I would recommend against using your own custom version of jQuery though; you can read more about it here:
https://pippinsplugins.com/why-loading-your-own-jquery-is-irresponsible/
- The topic ‘Performance optimization for Jetpack’ is closed to new replies.