Snappy, The HostGator Mascot

Gator Crossing

The Official HostGator Company Blog!

Dragonfly
AirPlane

7 Ways to Speed Up Your Website

Written by Taylor Hawes

Tuesday, March 26th, 2013

speed up your website There’s no doubt about it – website speed matters now more than ever before!

 As average internet connection speeds increase around the world, web users are becoming less and less tolerant of slow load times.  At the same time, Google has stated unequivocally that it prefers to reward fast sites with higher positions in the natural search results.

To take advantage of these dual benefits, you need to make site speed a priority on your site.  Any of the following seven tips will help you to get started on this important path:

 

Tip #1 – Size images before uploading them

 If you use a content management system (CMS) like WordPress or Joomla, you’ve probably noticed that you can upload images at full size and then adjust their display size within your website’s backend.  However, doing so forces web browsers to execute multiple commands – pulling up the initial images and then re-sizing them on-the-fly – which can slow down your site.

To prevent this from occurring, use an image editing program to adjust images to the correct size before adding them to your site.

 

Tip #2 – Eliminate unnecessary plugins

The huge number of plugins and scripts that are freely available today makes it tempting for webmasters to add more than they truly need.  Keep in mind, though, that every plugin you add requires resources to run – and more resources mean a slower site.

 Before adding any new plugins to your site, ask yourself if the functionality you gain is worth the trade-off in site speed, or whether the plugin’s content could be coded into your site’s theme instead.

 

Tip #3 – Make sure your site’s scripts are up-to-date

Depending on the CMS or ecommerce platform your site uses, you may need to check back regularly to determine whether new releases of your site’s scripts are available.  If they are, upgrade your site as soon as possible (making sure that you have a current backup file in place first).  Site script developers are always working on improving their code for future releases, particularly when it comes to site speed.  Updating your scripts to the latest versions could go a long way towards eliminating coded roadblocks that prevent your site from loading quickly.

 

Tip #4 – Make use of CDNs

 Content delivery networks – or, CDNs – are vast networks of servers that are housed around the world.  When you store website content like images using these services, rather than storing them locally on your hosting account, you enable the CDN to serve up your information from the server that’s closest to your website visitor.  The result?  Faster load times that will make your customers and the search engines happy.

 To get started, look into the CDN services offered by MaxCDN or Amazon CloudFront.

 

content delivery network

 

Tip #5 – Enable browser caching

 Browser caching is a technology that allows a website visitor’s browser to store copies of your site’s individual pages so that, if the visitor returns in the future, the content can be called up from within the cache – rather than reloading the entire page.  This saves on the number of resources used to display your pages, resulting in faster overall load times.

 The easiest way to enable browser caching is with a plugin, like the WordPress W3 Total Cache tool.  Alternatively, talk to your web developer about ways to integrate browser caching into your server-side scripting.

 

Tip #6 – Turn on Gzip compression

 Gzip compression is a technology that minimizes the size of browser-based HTTP responses – sometimes by as much as 70%.  If that doesn’t make sense, don’t worry.  Long story short, using Gzip compression can speed up your site’s load times significantly.

 There are three ways to turn on Gzip compression on your site.  You can:

1. Add the following code to your site’s .htaccess file:

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
 
# Or, compress certain file types by extension:
 
<files *.html>
SetOutputFilter DEFLATE
</files>

2. Add the following code to the top of your HTML or PHP page:

 <?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>

3. Install a Gzip compression plugin like the WP HTTP Compression tool for WordPress (just keep in mind what we said earlier about installing too many unnecessary plugins!).

 

Tip #7 – Keep CSS files at the top of your page and Javascript code at the bottom

 Finally, keep your site’s code neat and tidy by adding CSS files to the top of your page’s code and Javascript snippets to the bottom when working with raw HTML pages.  Adding your CSS files to the top of the page prohibits progressive rendering, saving resources that web browsers would otherwise use to load and redraw elements of your pages.  Adding Javascript to the bottom prevents your pages from waiting on full code execution before loading – leading to a faster browsing experience for your visitors.

Although these are only a few of the different techniques that can be used to speed up your site, they’re some of the easiest to implement.  Start with this list if you notice your site slowing down, but don’t hesitate to contact a developer for more technical solutions if these steps alone don’t solve your site speed problems.

Posted in

Web and Hosting Tips
Comments

49 Responses to 7 Ways to Speed Up Your Website

  1. Thanks for sharing I am going to apply some of them today.

  2. Can please suggest , what to do for my website – http://www.luvcelebs.com

  3. Andrew says:

    I’m appreciative of this post, as it’s really helped my websites speed..

    http://www.bestseopluginforwordpress.co.uk

  4. Diego says:

    Excelent post.
    It is always nice to see this kind of material.

    http://www.atlanticadigital.net

  5. CarloLoretta says:

    Hi, to enable Gzip compression should be active the deflate module of apache? how can I know if this module is active?

  6. David Henzel says:

    Thank you for the @maxcdn mention! I have created a 25% off coupon for you. In case somebody wants to give http://www.maxcdn.com a try just use the coupon “hostgator” on the checkout page.

  7. Trace Jones says:

    I know some people who add so many plugins but just leave them unactivated, clogging their site quite a bit. Get rid of those if you’re not using them. It’s important to update and sift through things on a site continuously.

    • disqus_lsRenBbjVg says:

      i agree

    • Geeks Host says:

      Hello Trace,

      Thanks for your nice comment on this post! I am highly appreciated with you! It’s really very important to update and sift through things on a site continuously. thegeekshosting.net is such a site who play vital role in this field.

  8. johng says:

    Interesting. But I’m not convinced load time is a top concern for Google placement, and here’s why. My old HTML sites, which load at lightning speed because there’s no database to access, don’t do as well in Google as my WordPress sites. Google has always seemed to love WordPress, even though it’s slower, even when you use a low-data theme.

  9. There is always a confusion about how we got it :: “There’s no doubt about it – website speed matters now more than ever before”.

  10. I really like to play with .htaccess commands and these are one’s i never knew about. Very good post.

  11. Google has stated unequivocally that it prefers to reward fast sites with higher positions in the natural search results, really a nice article written.

  12. Thanks for the blog post..

  13. engin says:

    maltepe oturyorum ama çok mantıklı buldum bilmiyorum artık faydalı http://cicekhaliyikama.net mükemmel

  14. Ray says:

    This was AWESOME!! Thank you so much for the fantastic article

  15. James Murray says:

    Thanks
    a lot for sharing the list of financial blogs. These are outstanding. They
    will help me greatly.

  16. paulyiorkas says:

    An easy to understand articel for the non-techies ! Thank you !

  17. CelineSand says:

    This is the most useful article I’ve found! And I agree, its easier to understand since most of this shared website hosting can get kind of confusing.

  18. karol Wickert says:

    For tip #7 : Is there a wordpress plugin or better how can this be done in WHM.
    Thanks.

  19. tycoon520 says:

    Really a nice and interesting post to follow..good one..

  20. You also have to make sure that the images are not too large. You can also check your server and hosting for the speed.

  21. Things can accurately on most websites today, the open source solution provides website acceleration and turning it into a website run faster, I think that at this map and think it is the most basic

  22. Cello Twain says:

    oh my God it is so much faster thank you hostgator !

  23. Marvin Manhold says:
  24. Danielle Kwint says:

    WP HTTP Compression does not work anymore plugin is out of date

  25. Akash Agarwal says:

    It’s a great guide to me. I definitely apply these strategies to speed up my website. Thanks for sharing this helpful post.

  26. winfredable says:

    I had some issues with one of my portal http://www.agileinfoways.com – it was working fine but after layout changes.. it sucks man!!

  27. Hidayat says:

    W3 Total Cache I use, but my test results in gtmetrix still very low, how to configure the plugin correctly?

    My Website: http://manggale.com

  28. Angus norriss says:

    A great article – an easy way to compress all image is a plugin called WP SmushIT. You can uninstall it after you’ve done it but it automates it really well. I did over 100+ images in 3 minutes on auto. My site is http://www.collagendrink.org

  29. Angus norriss says:

    Another grt resource is the Google Speed Page Insights. Enter your url, it analyzes and responds giving you a score for mobile and desktop and then tips to improve. https://developers.google.com/speed/pagespeed/insights/

  30. Thanks for sharing useful tips. Minify CSS and Javascript is another choice thought

  31. Very great post. I just stumbled upon your blog and wished to say that I have really loved browsing your blog posts. In any case I’ll be subscribing on your rss feed and I’m hoping you write once more soon!
    I am a graphics designer and I am working on photoshop Clipping Path & my company is providing Clipping Path Service , Visit My Website Now :)

  32. I have also been applying these tips on one of the websites that I manage at the moment, namely jasa pembuatan website di padang

qwaszxerdfcv3.14 | 1776zxasqw!!