Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: Pagespeed and render-blocking CSS
Lots of interesting pagespeed tools here. Are you all Base64-ing your above-fold images?
Dozy P My attempt at music
Offline
Re: Pagespeed and render-blocking CSS
About images compression, this post is interesting as it shows that high compression level can allow you to save larger images which can also work with retina display.
Last edited by NicolasGraph (2015-04-10 16:55:24)
Offline
Re: Pagespeed and render-blocking CSS
zero wrote #289890:
Are you all Base64-ing your above-fold images?
No, we are not. Not now, not ever hopefully. For exactly the same reasons we are not inlining our above-the-fold CSS – it’s of dubious benefit and takes a lot of legwork to achieve. I’m fairly happy with a 233ms page load time without those 2 techniques…
The 4 points dropped are because of CloudFlare’s cookie. If I turn off CloudFlare I get 100 score but a 50% slower page render, so I’m willing to take the shame of a non-perfect score.
Bear in mind that if you do inline above the fold CSS on one page, chances are you’ll have to inline some entirely different CSS on the next page of your site, and the next, etc. That is unless your above the fold content is identical across your whole site, which I doubt.
Offline
Offline
Re: Pagespeed and render-blocking CSS
I’m waiting for an upcoming update to mod_pagespeed (or update to ngx_pagespeed if I go over to nginx) that rewrites JPEG to WebP when using img srcset. At the moment the feature blows mod_pagespeeds mind (it only writes standard img src to WebP right now). Once I have that I can reduce the page size in Chrome/Firefox by around 200kb. Happy days!
Offline
Re: Pagespeed and render-blocking CSS
philwareham wrote #289864:
Also, don’t use Drupal. For anything. That’s probably my first performance tip.
+1.
Offline
Re: Pagespeed and render-blocking CSS
Bloke wrote #289866:
[…] I’m guilty of not optimising images […]
I use ImageAlpha and ImageOptim to crunch my images down to size; it’s easy enough, and there’s an option in ImageAlpha to send the result to ImageOptim automatically and save more bytes.
Offline