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!

Overview of Categories

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 both 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.

If you would like to contribute to the project, you can check it out on GitHub here.

About Author

Rion Williams

Rion is a Software Developer and Microsoft MVP with a passion for making cool things and helping others. He appreciates you stopping by and hopes that you'll visit again soon.

4 Comments

  1. Nice and cool. Very informative and nice blog. …..thanks for sharing this post.

  2. Interesting Post… Thanks for sharing such a nice blog..

  3. You ought to take part in a contest for one of the highest
    quality blogs on the net. I will recommend this web site!

Leave a Reply