Top 10 Web Performance Tips from #WebPerf
Creating a rich and engaging web experience depends heavily on web performance. Broadly, that means answering: Is my application optimized for mobile capabilities? Does it load fast for users in any context? Does my application perform as well as my visitors expect it to?
These are complex questions. We’re lucky that in our industry there’s a thriving community of experts as focused on performance as we are, who share tips, experiences, and analysis around “WebPerf”. To gather insight on what makes great web performance, we went to the source see what the community has been talking about recently. So without further ado, here are the top 10 web performance tips from Twitter’s #WebPerf hashtag.
Tip #1: Performance MUST Matter Across Teams
This slideshare presentation by Theo Schlossnagle and shared by Lori Mavittee argues for “a deeply technical cross-team conversation about performance” because great web performance makes a “better user experience, increases loyalty, and reduces product abandonment.” What follows is a technical performance conversation with a case study.
Tip #2: Performance Must Be Measured
Tammy Everts, a senior researcher and evangelist for SOASTA refers to her article discussing the importance of performance monitoring and a basic guide on how to get started. In the article, Tammy reflects especially on the important distinction between synthentic and RUM based performance monitoring and why it’s important to consider both.
Tip #3: Consider Mobile Performance
In a blog article tweeted out by Kent Alstad, the VP of Acceleration at Radware and web performance researcher, you can learn the different aspects to think about concerning mobile web performance. The article “6 Sure-Fire Ways to Ensure Your Mobile Visitors Never Come Back” addresses the various vital mistakes you can make while focusing on mobile web performance and how to avoid them.
Tip #4: Handle Images with Care
The NCC Group shared a blog article called “Why New Image Formats Could make Your Site Faster” explaing how images can have a outsized effect on how your web application is performing. Always be sure to optimize your images so they are not taking up too much space on your page and affect on your overall web performance.
Tip #5: Keeping it Simple
Jereon Tjepkema, the founder of Measureworks, explores the interplay of complexity in web application design and how it affects user experience. In the article Jereon refers to, “The Dirtiest Word in UX: Complexity“, they claim “Simplicity allows many applications to be powerful.” UX design is tied closely to performance, especially when you get down to sequencing the rendering of content through time.
Tip #6: Monitoring the Right Analytics
While monitoring is very important, you must take special care to make sure you are measuring the right analytics. Catchpoint retweeted a blog called “Knowing Your Analytics: Vanity Metrics Vs. Actionable Metrics”. The article discusses the types of “Actionable Metrics” that should be followed to improve overall web performance.
Tip #7: Hire Someone for Web Performance
Radware shared a great YouTube explanation of why you should not utilize programmers to handle web performance optimization. The video explains that comprehensive web performance optimization is so time consuming that it’s not useful to consume a developer’s time on it.
Tip #8: Step Away from Old Techniques
Tammy Everts highlights Steve Souders advice about stepping away from outdated web performance techniques, specifically to stop putting scripts at the bottom of your pages and use async and defer instead.
Tip #9: Work Out a Budget
Marcos Iglesias, a software engineer at Eventbrite, shared a bunch of different tips and tricks to stay on top of web performance. In his blog he suggests working out an organized budget and list of goals to stay on track.
Tip #10: Make it Part of Company Culture
Improving web performance is a huge undertaking and requires teamwork. CMG News suggests making web performance part of the company culture. Because web performance drives business, it is a good practice to get everyone on board with it.
We hope that these tips have given you the knowledge you need to create a more rich and engaging user experience with improved web performance. Still looking for more techniques? Download our free Ebook “5 Proven (& Often Ignored) Tactics That Increase Conversion Rates for eCommerce“.