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!
Today I looked through my collection of links and realized I have enough resources pooled up to put together a decent little post on browser devtools. In case you’re not familiar, development tools ship with each web browser, enabling us to analyze and debug our increasingly complex websites and apps. From finding a background color to profiling frame rate issues, browser devtools bring sanity to the world of frontend development.
This week’s Webperf Wednesday is short and sweet, just like your page loads when you install this new module that enhances any Drupal theme. Magic is a set of frontend performance and development workflow tools for themers. Previously many themes had their own advanced settings — many of which did the same things as other themes, but they all did it a little differently — no more with Magic.
Built by Web Chef Ian Carrico and Sam Richard (of Aurora) with contributions from Sebastian Siemssen (of Omega), Magic was built by the desire to work together to make all themes better, instead of siloing improvements within specific themes.
I’d like to demo a simple how-to. There are many, many techniques to make pages load faster, but this post attempts to demonstrate large gains from very small code changes.
Read on to see how you could make bigger and better optimizations.
Hey, speeders! There have been some great presentation videos put up on the web recently, so I’ve got links to a couple videos this week.
I’ve been kicking around this idea for quite some time and finally sat down to get it published. Four Kitchens has always taken performance very seriously, but traditionally most people only focus on backend server performance when thinking about these types of issues. I’m not a hardcore backend dev, but I have plenty of experience making things fast and useful within a web browser.
To that end, I’d like to spread the word about frontend performance by publishing a periodic blog post series highlighting techniques, articles, and other webperf stuff that we’re talking about day-to-day in the office. So without further ado, here are this week’s links: