The Web Developer Checklist : A One-Stop-Shop for Improving the Web
I've been searching for some time for a single resource that I could go to check a variety of best practices and methods of improving the performance of my sites and applications and I can now mark that off of my list.
Mads Kristensen and the .NET Development team released the Web Development Checklist last month and it has made me as exciting as a kid on Christmas morning. The Checklist features a wide assortment of categories and tools within each of them to help make your site or your web application the best that it can be!
What does it do?
It features tools and resources that can help you analyze several aspects of your site including :
- Best Practices - Ensuring that your markup is in good condition and features like spell-checking.
- Mobile Analysis - Checking that your site works well on mobile devices.
- Analytics Checking -Tools for uptime monitoring and traffic analysis.
- Performance - Performance Analysis tools like Google PageSpeed Insights, Yahoo's YSlow and tips to optimize your site.
- Usability - Tools to ensure HTML5 compliance , Search-friendly URLs and more.
- Accessibility - Ensuring your site can be accessed using screen readers and has appropriate contrast levels.
- SEO - Tools to analyze how accessible and readable your site is for Search Engine crawlers and more.
- Code Quality - CSS, Javascript and HTML validation tools.
- Semantics - Checking for metadata and other information within your site.
- Security - Checks for best practices for securing your site and preventing nasty things like XSS attacks.
- Social Media - Checks if your site is properly connected up with social media sites like Twitter and Facebook.
But what about my specific technology?
If the list above wasn't enough to get you to actually go check out the Checklist itself, then I doubt that the next paragraph will persuade you at all. In addition to the enormous list above, the checklist also features several areas specific to certain technologies like ASP.NET, Node.js, PHP, Python, Rails and more.
Tell me more about the ASP.Net Stuff
The current ASP.NET area features all of the above categories, but this time it provides tools specific to the .NET environment that might not otherwise be available on traditional HTML pages. Visual Studio extensions and .NET components can be found in many of the categories and can range from a spell-checker for Visual Studio to .NET Libraries to Prevent XXS Attacks and more.
This checklist isn't specific to any particular .NET area and can be used with either MVC or WebForms.
But I want to go fast!
In addition to the generic ASP.NET goodies, the checklist has a section strictly dedicated to improving performance. This is a great area to tackle if you want to see those PageSpeed and YSlow numbers climb up and also save a few bytes here and there to cut down on bandwidth usage.
The categories within the Performance Section include :
- Best Practices - Covers setting up Output Caching, setting up compression in IIS, and application tracing and more.
- Bundling - Covers techniques and tools that can be used to compress, optimize and combine the Javascript and CSS within your applications.
- Minification - Tools for shrinking down and bundling some of the resources within your application.
- Performance - Performance Analysis tools like Google PageSpeed Insights, Yahoo's YSlow and tips to optimize your site.
- Expiration - Setting up the appropriate expiration headers within your web.config to ensure that caching works properly.
- Optimize Responses - Explains setting up mechanisms to only get resources based on certain conditions, such as if they have been modified.
- Images - Tools to optimize and shrink down the images throughout your site and application and how to implement spritesheets to speed things up.
- Removing Headers - Discusses removing some of the HTTP Headers that are passed through each of the Requests in your application to futher reduce bandwidth costs.
Following even half of the above suggestions should create some pretty big improvements within the performance of your site that both your users will notice and you will appreciate.
Check It Out
Go visit the Web Developer Checklist today and see what kind of differences it can make within your site. The site is updated fairly regularly with new categories and other improvements and I'm sure that the team is hard at work continuing to only improve upon it.