It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
I recently worked on a project that was getting a ton of traffic but users were bouncing because the page load was too long at around 10 seconds. They called me in because the majority of the images on that site were SVGs, and they were animated. I trained the team how to decrease the file size on the SVGs while preserving the appearance and functionality, finally getting the load time to under 2 seconds. The bounce rate … Read article “High Performance SVGs”
There’s lots of neat tricks for reducing the size of JPGs in this article by Colt McAnlis:
… Read article “Reducing JPG File size”With the Average webpage size now larger than the original DOOM game, you have to start asking where all the bytes are coming from, and how you can do more to toss those things out.
While JPG compression is impressive in its’ own right, how you use it in your application can influence the size of these files significantly. As such I’ve assembled
Clever testing strategy from the team at Financial Times: they used blocking CSS in order to test people’s behaviour when they’re faced with a slow loading web page:
We wanted to understand how much the speed of our website affected user engagement, specifically, the quantity of articles read, one of our key measures of success. Using that data we then wanted to quantify the impact on our revenue.
If you’re looking for more interesting reading about performance and how it … Read article “A faster FT.com”
The following is a guest post by David Attard of DART Creations. David is going to introduce us to AMP (no idea what that is? read on) as well as how you might go about converting an existing site to an AMP site. Hint: it’s for big performance gains. AMP is becoming quite a thing. WordPress is doing it. I’ve got Google telling me to do it and that Analytics supports it.… Read article “Taking AMP for a Spin”
Rebecca Murphey’s talk from dotJS 2015 explores all the various gotchas surrounding HTTP/2. For instance, how will servers support it? How does our front-end process change to benefit the most from this new protocol? How will developers know that everything is working correctly?… Read article “[Talk] HTTP/2 is Here, Now Let’s Make it Easy”
I just recently took CSS-Tricks “HTTPS everywhere”. That is, every URL on this site enforces the HTTPS (SSL) protocol. Non-secure HTTP requests get redirected to HTTPS. Here are some notes on that journey.… Read article “Moving to HTTPS on WordPress”
