How To Lose Wait On Your Website By Increasing Page Load Speeds

please wait

Image via Shutterstock

Almost three years ago, Google announced that it had begun factoring site speed into their ranking algorithm. Since then, SEOs have debated how significant an effect page speed has on actual search engine rankings. While Google may be using it as a signal, it’s clearly not an overwhelming signal.

Still, regardless of the algorithmic weight page speed has on rankings, we do know that it has a significant impact on site conversions. Every second visitors have to wait for a page to load is a proven loss in sales!

In a recent post titled, Why You Won’t Crush It This Year, Bryan Eisenberg wrote: ”It seems clear that trying to increase sales by driving more traffic to a site with a terrible customer conversion rate is like trying to keep a leaky bucket (your sales funnel) full by adding more water instead of plugging the holes.” It’s a good point, and one that I’ve made more than once before.

Bottom line: optimizing your website for rankings is great, optimizing your website for conversions is better, and optimizing for rankings, traffic and conversions is best! I wish all our clients realized this.

Let’s get back to the topic at hand — losing wait. Below, I’ve outlined a few tips and strategies you can use to increase your page load speeds and decrease the wait your visitors have when navigating from page to page on your site. I’m just a SEO – not a programmer, developer or designer – so forgive my lack of technical expertise in this post.  However, I hope to provide some good (if incomplete) tips on what you can do to make your site run faster.

Get Yourself A Fast Web Server

It all starts here. If your web server is slow, your site will be slow. It doesn’t matter how much you try to speed things up — you’re being blocked by the powers above.

The more traffic your site receives, the greater the need for increased server bandwidth to your site. This is especially true if you have peak seasons or sales where a sudden rush of traffic might end up taking you offline. When you don’t have enough bandwidth for your rush loads, your visitors experience slowdowns, hangups or even an inability to access your site at all. Be sure your allowable bandwidth increases with your traffic rates, allowing enough room for any sudden spikes that may occur.

Talk to your Web host about moving to a faster server or even getting a dedicated server. If you have to, find a new Web hosting company that can meet your requirements. A faster server will definitely cost you more, but then again, being on a slow server is already costing you a great deal.

Streamline Your Code

Most developers will tell you, should you ask, that there are many ways to code Web elements to get the same result. Websites can use “good” or “bad” code and still look the same to the average visitor. However, the performance differences between efficient vs. inefficient coding can be incredible.

Ensuring your website uses clean, minimalist code is a great way to reduce page file size and, therefore, load speed for each page. Many content management systems use bloated code that makes managing a site easy, but doesn’t do you any favors when it comes to code streamlining. And, the more added features or tools you add to your site, the more potential you have at bloating your own code.

Keeping your site code clean and tidy can go a long way toward improving your site’s speed and performance. I offer some specific tasks below that you can do along these lines.

Optimize Your Images

Code is relatively quick to download, provided it’s not overly bloated. Images, on the other hand, are much larger and take more time to load in the browser. Image-heavy sites are some of the slowest loading sites there are, so it’s a good idea to use images only as needed or appropriate.

When using images, be sure to use the correct format for the image type. Different image file types (.gif, .jpg, .png) have different purposes depending on if you are displaying a photo, a graphic, an image with few colors, or an image consisting of many colors. Using the right file type for the right kind of image allows the image to be created in the most optimized format possible, using the lowest amount of megabytes.

You also don’t want to scale images using HTML. If your image displays at 325×550 pixels, then create an image that is exactly 325×550 — no bigger and no smaller. Don’t use a 650×1000 pixel image and display it at 325×500. That forces the full, large image to be downloaded before it can be displayed when a smaller image would load much faster and achieve the same effect.

Move CSS & JavaScript Off The Page To External Files

Using CSS (cascading style sheets) is much more common today than even just a few years ago. Initially, your styling elements were written in HTML and had to be coded in for every styled element on a page. CSS allows you to code all similar elements with a single batch of code, streamlining your HTML significantly.

However, CSS (along with all JavaScript code) should be moved out of the HTML and placed in one or more separate documents. This allows all CSS and JavaScript code to be downloaded a single time and applied to every page of the site, rather than having to duplicate that same code on each and every page.

While there are reasons to keep some CSS and JavaScript on the page, moving it off the page whenever possible makes the most sense when trying to streamline your code and reduce bloat across the board.

It’s also a good idea to place CSS at the top of your code and JavaScript at the bottom.

Image courtesy Shutterstock

Image via Shutterstock

Use “Include” Files For Duplicate Sections Of Content

Both CSS and include files can significantly help reduce wait times. On top of that, they also speed up the amount of time invested in making site edits. The time spent developing a CSS-based website with include files alone is worth the time saved on the development end later on. Heck, losing wait isn’t just about your visitors, it’s about using your own time more productively!

Implement CSS Sprites

When you use multiple images together, you can use CSS sprites to combine them into a single image download. By reducing the number of downloads, you reduce the strain on the server and make the downloading process much quicker.

Use Page Speed Optimizer

Google offers a PageSpeed Insights tool that will give you suggestions on things you can do to increase your page speed. Many of the suggestions will cover things mentioned above, plus a whole lot more I haven’t touched on. It’s a good resource if you have a developer who can work on these issues for you.

I’ve offered only a few ways you can increase page speed, and this is by no means an exhaustive list. It should be enough to get you started, though. Depending on how slow your site currently runs, it’s entirely possible that you may see a rankings boosts once you begin curing the slow disease. But even if you don’t, losing wait means increasing conversions, which is always good for the bottom line.

Opinions expressed in the article are those of the guest author and not necessarily Search Engine Land.

Related Topics: Channel: Analytics | Google: SEO | Search & Conversion

Sponsored


About The Author: is president of Pole Position Marketing, a leading online marketing strategy company established in 1998 and currently based in Canton, Ohio.

Connect with the author via: Email | Twitter | Google+ | LinkedIn



SearchCap:

Get all the top search stories emailed daily!  

Share

Other ways to share:

Read before commenting! We welcome constructive comments and allow any that meet our common sense criteria. This means being respectful and polite to others. It means providing helpful information that contributes to a story or discussion. It means leaving links only that substantially add further to a discussion. Comments using foul language, being disrespectful to others or otherwise violating what we believe are common sense standards of discussion will be deleted. Comments may also be removed if they are posted from anonymous accounts. You can read more about our comments policy here.
  • Pat Grady

    “like trying to keep a leaky bucket (your sales funnel) full by adding more water instead of plugging the holes.” Love it!

  • ICS Henry

    stop puting garbage on sites which cause pages to load slow. that is to web publishers. web browsers cache needs to be erased from time to time to increase speed. Avoid add ons and other type of “helpful Garbage” No bar is helpful trust me. They track your information and slow your computer.

  • eDigitalFields

    The page speed has become most importance part considered in search engine ranking algorithm. We use GTmetrics to test page speed and then start improving the loading speed by decreasing page size and other areas.
    http://www.edigitalfields.com/internet-marketing.html

  • http://twitter.com/Jehochman Jonathan Hochman

    Hook up CloudFlare, and it does all the important stuff automatically. It will also correct for a slow server because it intercepts most of the traffic and fulfills HTTP requests through an optimized content delivery network. In the five minutes it takes to deploy CloudFlare you can reap more benefit than fifteen days of work streamlining code and design.

  • Hemanth Malli

    Nice tips to increase the speed of website loading. Good to know about PageSpeed insights tool bar . Thanks !!

  • http://www.yottaa.com/ Bryn Adler

    Awesome article Stoney – thanks! It’s great to start integrating the online marketing and website performance discussions when they are so reliant on each other!

    You have some spot-on suggestions in here, especially when it comes to JavaScript, CSS, and inlining images. I’ve just put together a quick eBook that takes this a bit further and shows how to optimize your on-page order of execution for better user experience. You can check out a blog post preview and download it here: http://www.yottaa.com/blog/bid/281309/How-Website-Order-of-Execution-Impacts-User-Experience-eBook-preview

    Thanks!

    Bryn Adler

  • http://twitter.com/johnpaulmains John Paul Mains

    Good insights. I also highly recommend using some of the image compression services out there like tinypng and jpegmini. Most images simply aren’t sufficiently compressed and this can have a nice impact on time to load as well.

    Another tip for CSS is to combine your files. A CMS like WordPress with all its plugins has a tendency to be overloaded with separate CSS files. Though these are not large, each file takes a little bit of time to load. Combining them together will reduce the number of queries for a given page.

 

Get Our News, Everywhere!

Daily Email:

Follow Search Engine Land on Twitter @sengineland Like Search Engine Land on Facebook Follow Search Engine Land on Google+ Get the Search Engine Land Feed Connect with Search Engine Land on LinkedIn Check out our Tumblr! See us on Pinterest

 
 

Click to watch SMX conference video

Join us at one of our SMX or MarTech events:

United States

Europe

Australia & China

Learn more about: SMX | MarTech


Free Daily Search News Recap!

SearchCap is a once-per-day newsletter update - sign up below and get the news delivered to you!

 


 

Search Engine Land Periodic Table of SEO Success Factors

Get Your Copy
Read The Full SEO Guide