Two weeks ago web chef emeritus Ian Carrico and myself had the pleasure of of both training and speaking about frontend performance at DrupalCon LA. I’d like to describe our free, open source training materials a bit to entice you to try them, and perhaps start building awareness of performance within your team.
I really enjoy the process of making websites faster. It’s my job, so I bring it up whenever I can. But it’s not everyone’s job. It can be a tough problem to keep at the top of your mind when fast internet is always available. I want to encourage everyone to slow their connections down every thursday and experience the web as a mobile user. Read on to find tools to help you do the same!
This week let’s talk about the critical rendering path and how to avoid render-blocking CSS. This technique is widely hailed an essential method to reduce your time to render, but sometimes using automated tools to generate this CSS can cause the exact problem you’re trying to solve. Don’t worry though, it’s easy to prevent.
Tim Kadlec recently teamed up with Akamai to create a short, informative video about defining and maintaining a performance budget. It's a great introduction to the concept, clearly explaining both the technical and organizational challenges of including performance within the development process. Watch video.
Howdy perfers! This week we’ve got a good one for you. Web chef Ian Carrico has written an extensive how-to documenting his journey to the mythical 1000ms render. The post is featured on his own blog where he worked the magic, and it’s accompanied by both the code that powers his site along with a full Ansible script allowing you to set up a similarly-configured server on your own. Read on to find out more.
Howdy perfers! December is an easy month to stay on top of web performance news because the Performance Calendar is the gift that keeps giving all month. The first entry is a great one from calendar curator Stoyan Stefanov. He conducts some user research via the power of search engine autocomplete.
Howdy perfers! In the US we’re gearing up for a long Thanksgiving weekend, so if you find yourself with some free time on your hands try digging into one of these awesome DevTools resources for mobile development.
Howdy, perfers! Last week we looked at ways to speed up the initial render of a page. That’s a great optimization if you have the time/motivation, but for many people it’s not their primary duty, and for some it’s not even included in the job description! But even so, it still can make or break the experience of a particular website. As Ilya Grigorik notes, “performance is not a checklist, but a continuous process” (PDF, page 11). So how can you affect the process of building a site to make sure it ends up being fast and snappy?
Howdy perfers! Today I have a few links for those who want to optimize the critical rendering path, which is especially useful on mobile browsers. The critical rendering path is the minimum set of assets that a browser needs to start rendering a web page. Carefully rearranging some of your HTML and CSS to help the browser with this process can result in significantly faster rendering times.
Howdy, perfers! This week I’ve got some awesome resources for those of you looking to automate ALL the things! While you don’t have to use automation to achieve great performance on your website or webapp, it sure does help to keep things running smoothly and consistently. So have a look!