Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Why is my Website Slow? …Ahhh!!

DZone's Guide to

Why is my Website Slow? …Ahhh!!

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

 

loading

We all have worked on multiple projects and have delivered multiple applications to production, but one of the common issues that surfaces every time irrespective of the technology used in the application is “The site is very slow”. This actually boils down to the latency and response time for loading the UI.

Even though some of the complex integrations, with external/legacy systems, workflows, business rules, database queries, customization of the screens and many more…have been incorporated in a project, the one single thing that can stump the customer or the end user is the page-load time.

Lets, forget about the project, even in our day-to-day  life, we get irritated and pissed-off when the Banking Transaction or the Gateway Payment is slow – we just burst out. For any page we browse, if it takes, more than 4-5 seconds, we just move-on to some other link.

The best example to site here is : What is the link you enter in your browser to check if the network connectivity or wireless is ON. Have seen most of the people including myself hitting the url with – http://www.google.com. But Why??… The simple and straight forward answer is, it loads very very faster than other pages(agreed it can be debatable considering that the Google homepage just has a few lines texts)

So, the bottom line is, to please the end user and give him/her a better experience, its is very important to concentrate on the page-load time and the steps to improvize upon it.

My earlier blog post showcases an infographic (by GTMetrix.com) about “How much time is wasted in Loading Web Pages“. This is something that cannot be ruled out or kept aside.

ID-10041416

This brings us to an interesting question How??

Living in an era of high end technology and Open-Source Software, things may not have to be built from scratch. Here are a few tools and examples of the engineering tools that can be leveraged for identifying/debugging the loopholes and providing a lightening speed user experience.

1) YSlow :

  • YSlow is a tool that helps you to speed up your website.yslow3
  • It is an add-on for Firefox—or rather, an add-on to an add-on (Firebug).
  • This is developed by the Yahoo Exceptional Performance Team
  • It is built on 34 basic rules that affect a web page performance and slowness
  • The details of these rules can be browsed from the like - http://yslow.org/.
  • It Grades the web page based on one of three predefined ruleset or a user-defined ruleset
  • It provides suggestions for improving the page’s performance
  • Summarizes the page’s components
  • Displays statistics about the page
  • FAQs on YSlow - http://yslow.org/faq/

Here are a few pointers, if breached may be the responsible for slowing down your webpage-loading :

  • CSS references should always be placed on top of a web page
  • The Java Scripts should be placed at the bottom of the page
  • Compressing the components with GZip
  • Expensive errors like HTTP 404 should be avoided as it degrades the end user exp.
  • Using a centralized content delivery network (CDN) for storing static images and documents for referencing in the web pages
  • ..many more (from the Yahoo’s list of Rules)

At some point of time one curious question might arise,  “my application has a performance score of 100% but still it’s very slow. Why?” Well then obviously it’s time for you to sit back and start optimizing your business logic and entire solution implementation. Remember “Yahoo’s problems aren’t necessarily your problem”.

Interesting References :

What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}