• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • The Famous Blog
    • Blogging
    • Social Media
    • SEO
    • Marketing
    • Design

Famous Bloggers

How To Blog and Start a Business

  • Contribute
    • Submit News
  • Login

Home » The Famous Blog » Tools to Optimize Web Speed for both Apache and IIS 7 Server

Tools to Optimize Web Speed for both Apache and IIS 7 Server

February 17, 2014 - Last Modified: March 30, 2014 by Kumail Hemani

You need a website that loads quickly because it the first impression that makes the web experience better.

Web page loading speed is not everything that matters – it’s also web layout, content, images, banners, navigation etc. But the first thing that a user notices is your website loading response and that can make or break their “first impression”. This is where Search Engine Optimizers come in, because it is their job to create a lasting impression on the web!

Tools to test your website’s speed

  1. Google’s Page Speed:
    • Firefox (direct download)
    • Chrome
    • Google’s Page Speed Online
  2. Yahoo’s YSlow:
    • Firefox
    • Chrome
  3. Pingdom Tool
  4. GTmetrix

Key things that usually affect webpage speed

  • Mammoth of code (<div> is the solution)
  • Too many file connections in the header section (too many HTTP requests)
  • Large image files
  • Unnecessary redirects from your page
  • Bad server response time
  • Calling files from other servers
  • Heavy JS and CSS code
  • Non-responsive layout not optimized for mobile

Steps to optimize your website’s loading time:

I will now cover some essential steps of the web development process. I won’t be adding anything outside of the scope of development.

1) Bad Server Response Time

Do you have a reliable web hosting provider?

This is the first thing you need to ask yourself. It has already been discussed on the Internet many times, so if you have doubts, you can read Ted Chef’s post on web hosting issues that can kill your SEO.

Nobody cares how much you invest on web-design to attract customers, no matter what products you are selling, no matter what deals you are offering… until it loads completely.

2) Code Cleaning

Two words: File. Size. Use the language that allows for efficient coding whether you are using <div>, iframe, tables or embedding Flash objects.

The best choice, of course, is <div>. It is flexible and code-less (also helpful for responsive web design). However, if you’ve been handed a ready-made website, here’s how you can sweep it up:

  1. Put all the hard-coded JavaScripts and CSS code into a file and include it in the header section. If you can’t put a particular script in a file, at least put it at the bottom just before the closing the <body> tag. If you still can’t do this, make sure to load CSS files first followed by JS files.
  2. Remove the JavaScript and CSS files which are not going to be used on that particular page.
  3. If you are using in-line CSS and JavaScript codes, put them in a class in separate CSS/JavaScript files.

Note: if your website is in iFrame or Flash, I’d recommend you re-build your website because Google bots cannot crawl iFrames and Flash-based objects. No donuts for you.

3) Redirects

Redirects are sometimes necessary for your website. It is normally used to send the visitor to a relevant page when the first is not available. But, it may cause web-performance issues if not used properly.

Suppose you create a new detailed page about your service, say Page A. You may want to redirect Page B and C to Page A. It’s better to redirect both pages separately to Page A, instead of redirecting Page B to Page C and then Page C will take them to the Page A.

4) Loading External Plug-ins

If your website is using third-party plugins, RSS or widgets, they may make your website sluggish. Requests going back and forth between your website and third-party servers create a time lag so it is recommended to either not use third-party plug-ins until absolutely necessary, or use trusted ones that have rave reviews.

5) Minify the Code

Minifying Java Script and CSS simply removes the blank spaces that do not substantiate your programming. You may not be able to understand the code properly after minifying, but there are tools available that will make your JS and CSS return to their original state.

Tools to minify:

  • Google’s Page Insights.
  • Online JavaScript/CSS Compression Using YUI Compressor.
  • To compress JS and CSS for IIS7 Server, follow this link: Enable HTTP Compression of Dynamic Content (IIS 7)

6) Image Compression

Large images are usually prime criminals in a low-response website. Avoid image file issues by:

  • Choosing proper file type (for example, .JPG, .PNG, or .GIF). It is well defined on StackOverFlow.
  • Defining width and height attributes for the <img> tag.
  • Creating thumbnail images as .PNG files

Image compression tools:

  • Yahoo’s Smush.it (It will quickly optimize the entire folder in 1 go)
  • Dynamic Drive’s tool

Recommend Reading

  • Tools for image optimization by Addy Osmani’s

7) For WordPress

For WordPress users and Apache servers, the W3 Total Cache plug-in provides great functionality for zero cost.

8) .htaccess

If you are not on WordPress, use .htaccess for Apache. It will help you in compression, caching and minifying.

There you have it. The web is such a vast world, that you’ll find a thousand different methods for doing the same thing. The ultimate advice? Stay connected. There’s nothing like good-old expert advice. Survey the most popular websites and study how they operate. If you still have a question, put it in the comments below!

ShareTweet

Filed Under: Hosting

About Kumail Hemani

Follow @KRHemani

Kumail Hemani works as a Senior SEO for a Dubai, UAE based Web Agency. He offers SEO Services, and shares his experiences and ideas through his blog. You can touch the base with him on Twitter @KRHemani

Related Posts

  • Hosting CompanyHow to Find the Right Hosting for Your Company
  • Content Marketers ToolsContent Marketers Are LOVING These 3 Simple Online Tools!
  • Advantages And Disadvantages Of Managed WordPress Hosting
  • The Tools Needed For Business Blogging Success

Primary Sidebar

Our Newsletter

Our Newsletter

Join our mailing list to receive the latest news and updates from our blog.

You have Successfully Subscribed!

Popular Articles

  1. Top 10 Sites Where You Can Get Paid to Write 115,649 views
  2. How to Get Targeted Twitter Followers Fast 92,036 views
  3. How to Set Half Rating Scale 1-5 (Poor to Excellent) by Words 86,755 views
  4. 66 Awesome Social Media Quotes 78,368 views
  5. 50 Traffic Sources You Should Milk Like Crazy 75,081 views
Schema Structured Data for wordPress
  • Blog
  • Contribute
  • About Us
  • Contact Us
  • Disclosure Policy

Copyright ©2020 · FamousBloggers - All Rights Are Reserved · Powered by Genesis Framework

  • Login
Forgot Password?
Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.
Go to mobile version