20 Ways to Speed Up Your Website and Improve Conversion

by Today's Eggspert

Last updated on July 3rd, 2018

Think that speed up your website isn’t important?

Think again.

A one-second delay in page load time yields:

  • 11% fewer page views
  • 16% decrease in customer satisfaction
  • 7% loss in conversions

A few extra seconds could have a huge impact on your ability to engage visitors and make sales.

This means that having a fast site is essential — not just for ranking well with Google, but for keeping your bottom-line profits high.

How website speed optimization influences conversions

Slow speeds kill conversions.

In fact, 47% of consumers expect websites to load in two seconds or less — and 40% will abandon a page that takes three or more seconds.

This means that if your site takes more than three seconds to load, you lose almost half of your visitors before they even arrive on your site.

That alone is a huge blow to your potential conversions.

And for the visitors that decide to stick around, your slow load times can deter them from returning in the future. In one survey, 79% of customers said they would not return to a site with poor performance.

speed up your website

In that same survey, 52% of shoppers said that quick page loading is important to their site loyalty and 44% said they tell their friends about poor site experiences.

This survey also discovered that a one-second delay can decrease customer satisfaction by about 16%.

It should come as no surprise, then that improving site speed improves performance.

One of the best examples of this is Walmart’s improvement in conversions and revenue after increasing their site speed.

During their initial analysis, they found that visitors who converted had received pages that loaded two times as fast as the visitors who did not convert.

speed up your website wallmart

This showed that the faster a page, the more likely a visitor was to make a purchase.

At the end of their optimization, Walmart reported the following results:

  • For every one second of improvement they experienced up to a 2% increase in conversions.
  • For every 100 ms of improvement, they grew incremental revenue by up to 1%.

In another study, the relationship between load times and conversion rates showed a 25% decrease in conversion rates with just one extra second of load time.

loading time conversions

It’s clear that putting in the effort to increase your site speed — even by one second — could have a major impact on conversions

Still not convinced?

Consider that Google once experienced a 20% drop in traffic because of an extra .5 seconds in load time.

Along the same lines, Amazon once ran A/B tests in which they delayed pages in increments of 100 milliseconds. They found that even small delays resulted in “substantial and costly” decreases in revenue.

These are two of the most well-known and reputable sites in existence — so if users aren’t willing to wait an extra second for them to load, they probably won’t wait for you.

How to find out what’s killing your conversions

How your website speed influences visibility

Now that Google takes speed into consideration when ranking sites, your load times can also influence how easily users can find you in the first place.

This is especially true now that it is rolling out its mobile-first index. As of December 2017, the search engine has started ranking all search results based on the mobile versions of pages.

Mobile searches outnumbered desktop searches for the first time in 2015, and its share of overall search only continues to grow.

This means that it’s in Google’s best interest to cater its search results to mobile users. They don’t want to direct their users to sites that won’t load or function well on their devices.

As a result, mobile user experience will now play a major role in search rankings — even in desktop search results.

This is a the exact opposite of how the index used to work.

User experience has long been a factor in rankings, but prior to this shift, it only took desktop experience into consideration. So even if a site provided a poor mobile experience, it still had a shot at ranking on page one.

This is no longer the case.

Now, pages are indexed and ranked based on the experience they provide mobile users.

speed up your website mobile

So if you want to maintain (or improve) your rankings and visibility, it’s essential to know how to reduce loading time of website. You must have a site that provides a quick, easy user experience — on any browser or screen size.

What is a good load time?

Before you start working on your site’s speed, it’s a good idea to set a goal for where you want it to be.

That can be difficult if you aren’t sure what an acceptable page speed is.

According to Google, best practice is three seconds. Unfortunately, according to its recent benchmark report findings, most sites are nowhere near that.

In an analysis of 900,000 mobile ad landing pages spanning 126 countries, Google found that 70% of the pages analyzed took nearly seven seconds for the visual content above the fold to display.

Of all the industries they included, none had an average even close to their recommended best practice of three seconds.

industry average speed

The average time it takes to fully load a mobile landing page is 22 seconds, but 53% of visits are abandoned if a mobile site takes longer than three seconds to load.

Plus, as page load time goes from one to ten seconds, the probability of a mobile user bouncing increases by 123%

bounce probability

This means that site owners in general have a lot of work to do to get their sites up to par in Google’s eyes.

But on the upside, it also means that if you put in the work to get your site speed to an acceptable level, you’re well ahead of the pack in terms of user experience.

As you improve your site, you can use Google’s recommendations and benchmarks to set your goals and measure your performance.

After all — as the largest search engine in the world, Google can have a major impact on your success. So using their standards as your standards is never a bad idea.

How to speed up your website in 2018

There are tons of factors that influence how long each page on your site takes to load, so there are many different steps you can take to increase your speed and improve user experience.

In this post, we’ll go over 20 tips and best practices you can use to decrease your load times and improve your site’s performance.

And if that number sounds overwhelming — don’t worry.

While all of these tips can help you improve your site speed, you don’t need to do all of them today.

In fact, if you’ve worked on your site speed in the past, your site may already be in line with some of these best practices.

With that in mind, let’s get started.

1. Minimize HTTP requests

According to Yahoo, 80% of a Web page’s load time is spent downloading the different parts of the page, like images, stylesheets, and scripts.

An HTTP request is made for each one of these elements, so the more on-page components, the longer it takes for the page to render.

The first step to minimizing your requests is to figure out how many your site currently makes, to use as a benchmark.

If you use Google Chrome, you can use the browser’s Developer Tools to see how many HTTP requests your site makes.

Right-click on the page you want to analyze, and click “Inspect,” then click the “Network” tab. (If you don’t see the “Network” tab, you may need to expand the Developer Tools sidebar by dragging the left border to the left.)

speed up your website

The “Name” column shows all of the files on the page, the “Size” column shows the size of each file, and the “Time” column shows how long it takes to load each file.

In the bottom left corner, you’ll also see the number of total requests the site makes.

Reducing this number of requests will speed up your site, look through your files and see if any are unnecessary.

You may not notice anything immediately, but some of them are likely prime candidates for combining — which we’ll get to in the next steps.

2. Minify and combine files

Now that you know how many requests your site makes, you can get to work on reducing that number. The best place to get started is with your HTML, CSS, and JavaScript files.

These are extremely important files, as they determine your site’s appearance.

They also add to the number of requests your site makes every time a user visits it.

You can reduce this number by minifying and combining your files. This reduces the size of each file, as well as the total number of files.

This is especially important if you use a templated website builder. These make it easy to build a website, but they sometimes create messy code that can slow your site considerably.

Minifying a file involves removing unnecessary formatting, whitespace, and code.

Since every unnecessary piece of code adds to the size of your page, it’s important that you eliminate extra spaces, line breaks, and indentation. This ensures that your pages are as lean as possible.

Combining files is exactly what it sounds like. If your site runs multiple CSS and JavaScript files, you can combine them into one.

There are several ways to minify and combine files, and if your site runs on WordPress, plugins like WP Rocket make the process fairly simple.

If you have this plugin installed, go the “Static Files” tab and check the files you want to minify and combine.

speed up your website minify

This can include HTML, CSS, and JavaScript files, as well as Google Fonts.

Then, hit “Save Changes” to complete the process. You can reload your page and look at Developer Tools again to see the impact that your changes made.

When it comes to your website, leaner is better. The fewer elements on a page, the fewer HTTP requests a browser will need to make the page render — and the faster it will load.

3. Use asynchronous loading for CSS and JavaScript files

Once you’ve minified and combined some of your files, you can also optimize the way that they load on your pages.

Scripts like CSS and JavaScript can be loaded in two different ways: Synchronously or Asynchronously.

If your scripts load synchronously, they load one at a time, in the order they appear on the page. If your scripts load asynchronously, on the other hand, some of them will load simultaneously.

Loading files asynchronously can speed up your pages because when a browser loads a page, it moves from top to bottom.

If it gets to a CSS or JavaScript file that is not asynchronous, it will stop loading until it has fully loaded that particular file. If that same file were asynchronous, the browser could continue loading other elements on the page at the same time.

Using the same “Static Files” tab of the WP Rocket plugin, check the options next to “Render-blocking CSS/JS.”

speed up your website render blocking

Click “Save Changes,” then test your site to make sure that everything loads correctly.

4. Defer JavaScript loading

Deferring a file means preventing it from loading until after other elements have loaded. If you defer larger files, like JavaScript, you ensure that the rest of your content can load without a delay.

If you have a WordPress site, you can the WP Rocket plugin mentioned above to easily enable deferred JavaScript loading. Simply check the box next to “Load JS files deferred,” and you’re good to go.

If you have an HTML site, you’ll need to place a call an external JavaScript file just before the </body> tag, which looks something like this:

speed up your website js

For more information, check out this tutorial on defer loading JavaScript.

5. Minimize time to first byte

In addition to the amount of time it takes for your page to fully load, you’ll also want to take a look at the amount of time it takes to start loading.

Time to first byte, or TTFB, is the amount of time a browser has to wait before getting its first byte of data from the server. Google recommends a TTFB of less than 200 ms.

Unlike a lot of the front-end performance factors most site owners focus on, this is a server-side concern.

When a user visits your site, their browser sends an HTTP request to the server that hosts it. There are three steps that need to happen between that initial request and the first byte of data:

  1. DNS lookup
  2. Server processing
  3. Response

You can see how long this process takes for your site using either Chrome’s Developer Tools or a third-party tool.

If you use Developer Tools, it’s important to remember that response time can be affected by your Internet connection. So the slower your own connection, the slower your server response will appear.

To access this information in Developer Tools, click the “Network” tab and mouse over the top item in the “Waterfall” column.

speed up your website ttfb chrome

You can also use any number of free third-party tools like WebPageTest test your site from a data center.

speed up your website test

If your TTFB is under 200ms, you’re in good shape.

If not, there could be a few different issues at the root.

In general, most issues with slow TTFB are caused by either network issues, dynamic content creation, web server configuration, and traffic.

ttfb causes

Of these four factors, you have control over two: Dynamic content creation and server configuration.

Unlike with static pages, a server needs to “build” a dynamic file before responding.

static dynamic

If you have a WordPress site, your pages are most likely dynamic. This means that they need to interact with a database to be “built” with PHP before they are delivered.

You can reduce the time that this takes by enabling caching — which we’ll get to in a minute.

6. Reduce server response time

One of the biggest factors in how quickly your page loads is the amount of time your DNS lookup takes.

A DNS, or domain name system, is a server with a database of IP addresses and their associated hostnames. When a user types a URL into their browser, a DNS server is what translates that URL into the IP address that indicates its location online.

A DNS lookup, then, is the process of a finding a specific DNS record. You can think of it as your computer looking up a number in a phone book.

For example, let’s say you wanted to visit the URL ubnt.com. You’d type this into your browser — but that means very little to your computer.

Your ISP will perform a DNS lookup to find the IP address associated with that URL.

speed up your website dns

It will get an IP address like 52.40.57.158.443, which tells it where to find the site you’re looking for. This step prevents users from needing to memorize long strings of numbers to access information online.

The amount of time this step takes depends on how fast your DNS provider is. If not, it may be time to switch to a faster DNS provider.

You can check out this DNS speed comparison report, which is updated monthly, to get an idea of where your provider stacks up, and see which providers offer higher speeds.

speed up your website provider

If you’re using a slow DNS, this increases the time it takes for browsers to locate your site. Switching to a faster DNS provider can speed up the process.

7. Choose the right hosting option for your needs

Most new site owners choose the cheapest possible option for hosting. While this is often enough in the beginning, you’ll likely need to upgrade once you start getting more traffic.

When looking at hosting, you have three different options:

  • Shared hosting
  • VPS hosting
  • Dedicated server

Shared hosting is the cheapest option and you can often get it for about five dollars per month.

With shared hosting, you share certain resources like CPU, disk space, and RAM with other sites hosted on the same server.

With VPS hosting, you still share a server with other sites, but you have your own dedicated portions of the server’s resources.

speed up your website shared vs vps hosting

KeyCDN explains this using the analogy of living in an apartment vs. living in a condo.

When you live in an apartment, you share certain facilities like laundry rooms and parking lots and have access to the building’s maintenance team.

When you live in a condo, on the other hand, you don’t use common spaces, and you’re responsible for certain repairs and maintenance. There are also fewer residents in the building.

You can look at dedicated hosting, then, as owning a home. You don’t share resources with anyone else, and you’re responsible for all maintenance.

With a dedicated server, you have much more space — but you also have more work to do with configuration and technical setup.

vps dedicated

If you need tons of space and want complete control over your hosting, this is your best bet.

As you may have guessed, though, it’s the most expensive option.

If you’re at a point where your traffic levels are slowing down your server response times, it may be time to switch from shared hosting to a VPS, or from a VPS to a dedicated server.

8. Run a compression audit

It’s in your best interest to get your files to the smallest they can be, without sacrificing quality. The smaller your files, the faster they’ll load — and the lower your overall load times will be.

Pages with lots of images and other content can often end up being over 100KB in size.  As a result, they’re bulky and slow to download.

You can speed up download times by compressing them.

To get a sense of how compression could speed up your site, you can use GIDNetwork to run a compression audit.

Just enter your URL and click “Check.” If the page you enter isn’t compressed, you’ll see something like this:

gid test

This tells you the uncompressed size of your page, which you can later use as a benchmark to measure the results of compression.

Below that, you’ll see an analysis of how much you could potentially reduce the page’s size in terms of both size and percentage using a tool like Gzip (which we’ll get to in the next step).

gid scenario

This compression involves HTML, CSS, JavaScript, plain text, and XML files.

9. Enable compression

The smaller your files, the faster your pages will load. Compression files is one of the easiest ways to reduce load times, and today, enabling compression with Gzip is considered standard practice.

Gzip is a file format and software application that essentially locates strings of similar code in your text files, then temporarily replaces them to make the files smaller.

This works well with CSS and HTML, because these files typically have repeated code and whitespace.

Most web servers can compress files in Gzip format before sending them for download, either by calling a third-party module or using built-in routines. According to Yahoo, this can reduce download time by about 70%.

And since 90% of today’s Internet traffic travels through browsers that support Gzip, it’s a great option for speeding up your site.

If you’re not sure if your site has Gzip enabled, you can use checkgzipcompression.com to see. Just enter your site’s URL, and if you have Gzip enabled, you’ll see something like this:

check gzip

If you don’t have Gzip enabled, however, you’ll want to fix this as soon as possible.

If your site runs on WordPress, both WP Rocket and W3 Total Cache plugins support enabling Gzip.

In W3 Total Cache, all you need to do is check the box next to “Enable HTTP (gzip) compression.”

w3 gzip

If you have a static HTML site, however, you’ll need to enable Gzip in your .htaccess file. The exact code you need depends on your server but if your site runs on Apache, for example, it looks like this:

gzip apache

There is also a similar version of the necessary code for NGINX servers.

10. Enable browser caching

When you visit a website, the elements on the page you visit are stored on your hard drive in a cache, or temporary storage.

This means that the next time you visit the site, your browser can load the page without having to send another HTTP request to the server.

Here’s how Tenni Theurer, formerly of Yahoo, explains it:

The first time someone comes to your website, they have to download the HTML document, stylesheets, javascript files and images before being able to use your page. That may be as many as 30 components and 2.4 seconds.

pasted image 0 3

Once the page has been loaded and the different components stored in the user’s cache, only a few components needs to be downloaded for subsequent visits.

In Theurer’s test, that was just three components and .9 seconds, which shaved nearly 2 seconds off the load time.

pasted image 0 13

Theurer says that 40-60% of daily visitors to your site come in with an empty cache, so it’s critical that you make your page fast for these first-time visitors. But enabling caching can shave off a significant amount of time of returning visitors and provide a better user experience.

The way you set up caching depends on whether you run your site with WordPress or static HTML.

Increase your website speed in WordPress with W3 Total Cache

If you run a WordPress site, you can use a plugin like W3 Total Cache to easily enable caching.

Once you’ve installed it, navigate to “Page Cache” under “General Settings” and check the box next to “Enable.”

w3 page cache

This simple step on its own should give you a boost in site performance — but there’s more you can do to improve your results with the plugin.

Enabling browser caching lets you store a cached version of your site in a visitor’s browser. This means that when a user returns to your site, it will load faster.

You can enable this option by navigating to General Settings > Browser Cache and checking the box next to “Enable.”

browser cache

If you use a VPS or dedicated server, you can also enable object caching to speed up dynamic elements on your site.

This feature is also under your General Settings.

object cache

If you’re using a shared server, however, it is best to leave this option disabled. Object caching is a resource-intensive process and can end up slowing down your site — the exact opposite of what you want to accomplish with the plugin.

Once you’ve configured your settings, you should see improvements in your load times immediately. W3 Total Cache claims that its users have seen 10x improvements in Google PageSpeed results, and up to 80% in bandwidth savings after fully configuring the plugin.

For static HTML: .htaccess

If you have a static HTML site, you can enable caching by in your .htaccess file.

You can add lines of code that tell browsers what to cache and how long to store it, which will look something like this:

speed up your website caching htaccess

This lets you set the amount of time you want each type of file to be stored in a visitor’s cache.

In general, static resources should have a cache lifetime of at least a week. Third-party resources like ads or widgets should have a cache lifetime of at least one day.

For all cacheable resources like JavaScript and CSS files, image files, media files, and PDFs, set caching between a minimum of one week and one year.

11. Reduce image sizes

Images can play a major role in your site speed. They’re often very large files, which can slow down page load times.

But removing them altogether is not an option.

Consider this: Average eCommerce website conversions hover around 1-3%

But that number can rise as high as 5 percent for some sites, like NatoMounts — which sees an average conversion rate around five percent, with roughly 85% of those conversions on mobile.

One of the best ways to get your conversion rate to this level is including lots of helpful product images. In one survey, 66% of consumers said they wanted to see at least three product photos before buying.

This means that if you want to run a successful eCommerce site, images are absolutely necessary.

And yet, according to Radware, 45% of the top 100 eCommerce sites don’t compress images!

It’s clear that site owners everywhere have a lot of work to do when it comes to image compression — and this is important whether your site includes an eCommerce store or not.

You can see how big of an impact images make on any of your pages with a tool like Pingdom. Run a page speed test, then look at the “Requests by content type.”

In this example, you can see that images make up over 40% of the content on the page.

image percentage

This means that reducing their size could likely have a big impact on how long the page takes to load.

In fact, in one study, resizing 22MB of images down to 300KB resulted in a 70% reduction in time to interact, or the amount of time a user needs to wait before they can interact with a site.

impact image compression

One of the easiest ways to reduce image file sizes is cropping your images to the correct size. For example, if you want an image to appear as 570px wide, resize the image to that width.

Don’t just upload an image that is 2000px wide and set the width parameter the size you want. This requires your page to load the full image, then adjust it to the appropriate size, slowing your page.

If you use the width parameter to make images appear smaller on your site, resizing those images should be a priority. It’s an easy way to reduce the total size of each page and can have a major impact on your site’s speed.

Next, you can compress your image files with a few different tools.

If your site runs on WordPress, WP Smush is a great option.

Check the box next to “Automatically smush my images on upload,” and all of your new images will be compressed without an extra second of work.

You can also use this plugin to automatically resize all of the new files you upload. Set a maximum width and height, and any images that exceed them will be “smushed.”

speed up your website wp smush

If you don’t use WordPress, you can use a tool like A non-WordPress tool like Compressor.io.

Before adding an image to your site, upload it into this tool and select whether you want lossy or lossless compression.

compressor io

(If you’re not sure which is best, keep reading — we’ll get to that in just a minute.)

Then, you’ll be able to see information about how much the file was reduced, and be able to download the new, smaller file.

compressor io results

After you’ve saved the new image file, you can upload it to your site.

Next, you’ll also want to make sure you’re using the appropriate file types for each image. This may seem like a minor concern, but the file types you use can affect each file’s size.

You have a few different options and the most common are JPG, PNG, and GIF.

image file types

JPG is generally your best option for photos. It uses lossy compression, which means that some of an image’s data is lost when saved in this format.

This data loss is undetectable to viewers in photos, but results in a smaller file size than most image file types.

So if you’re uploading pages with lots of photos, making sure that they’re all JPGs can significantly decreasing load times, without impacting their appearance at all.

PNGs, on the other hand, use lossless compression. This means that when you save an image as a PNG, you don’t lose any data, and the resulting file size is larger than a JPG.

If you need to have clear lines and crisp detail, PNG is the way to go. This is the best option for logos, screenshots, line art, and other detailed graphics.

Finally, GIFs should only be used for small or simple graphics of less than 10×10 pixels, a color palette of 3 or fewer colors, and for animated images.

Do not use BMPs or TIFFs.

Once you’ve got your image sizes and formats right, you can make sure that the code you use to implement them is right, too. In particular, make sure to avoid empty image src codes.

In HTML, the code for an image includes this:

<img src=””>

When there’s no source in the quotation marks, the browser makes a request to the directory of the page or to the actual page itself. This can add unnecessary traffic to your servers and even corrupt user data.

Fortunately, this is an easy fix to make. Either add the file path of the image you want to include, or remove the extra tags altogether.

12. Use a CDN

Beyond the server that hosts your site, you can also use other networks of servers to decrease load times for your visitors.

When your site is hosted on one server, each user who visits it sends requests to that same server.

This means that when your site experiences high levels of traffic, the time it takes to process each request increases, slowing down load times for all of them.

When you consider that high-traffic times typically present a ton of growth potential for your business, this is far from ideal.

Plus, for users who are physically farther away from your server, load times are higher because the information has a farther distance to travel — even when you aren’t experiencing lots of traffic.

A CDN, or Content Delivery Network, can help you eliminate these issues.

With a CDN, you cache your site on a global network of servers. When a user’s browser requests files from your site, that request is routed to the closest server.

For example, let’s say your origin server is in California, but uses a CDN to host files globally. Your network might look something like this:

cdn map

If a user from South Africa visits your site, thir browser could download files from a nearby server.

The content that user receives is identical, but can load much faster than it would if their browser were making requests to a server that was geographically far away. This eliminates loading lags and latency issues that users located far from hosting servers sometimes experience.

In one experiment, VentureHarbor reported decreases in load time ranging from 20-51% — for 20 minutes of work.

ventureharbor cdn

The exact improvements vary between page, with pages that have lots of large images benefitting the most from a CDN.

If you want to start using a CDN, your best options are MaxCDN and Cloudflare.

MaxCDN is a full CDN, meaning that it only  offers CDN services. They have more data centers and focus solely on improving load times.

Cloudflare, on the other hand, combines CDN service with security and optimization features.

The one you choose depends on whether you want those extra features, or just want to focus on improving speed.

And either way, getting set up is a fairly quick process.

If you go with MaxCDN, you’ll start by creating a “pull zone.” Click “Zones” in the admin panel.

pasted image 0 2

Then, click “Create Pull Zone.”

speed up your website pull zones

Here, you’ll need to enter your original server URL, as well as a name and label for your pull zone.

pasted image 0 4

After you click create, you’ll see a URL for your CDN, like cdn.yourdomain.netdna-cdn.com. Copy this into notepad, or somewhere else that it’s easily accessible. (You’ll need it in a few minutes.)

Next, you’ll need to create a “content zone” by clicking the “manage” button next to your pull zone. Click “Settings” and enter multiple subdomains into the “Custom Domains” fields.

These should typically be cdn.yourdomain.com, cdn1.yourdomain.com, cdn1.yourdomain.com, cdn3.yourdomain.com, and so on.

pasted image 0 11

(This naming format is standard practice and will be easiest to remember if you ever run into issues or need to consult a developer.)

You can add up to seven custom domains, then click “Update.”

Then, you’ll need to add your new CDN to your site through your hosting provider’s DNS editor. The exact location varies by provider, but in most cases, you can find the DNS editor under your “Domains” menu.

In Bluehost, this menu is called “Zone Editor.” If you use Bluehost, the fields you need will look like this.

speed up your website bluehost cname

Enter the URL that MaxCDN provided (copied and pasted from notepad), set the Type to “CNAME,” and one of the custom CDN domains you created (like cdn.yourdomain.com).

Then, repeat this process for all of your subdomains.

You’re done!

And if you want to use Cloudflare, the process is even simpler.

Click the “Sign Up” button on their homepage, then create an account. Enter your domain and click “Begin Scan.”

pasted image 0 8

This take about one minute, and will how all of your DNS records, including any subdomains. You can decide which ones you want to enable.

speed up your website dns records

Select the plan you want, then click “Process and continue.”

Then, you’ll see the Cloudflare nameservers for your domain. Next, you’ll need to update the nameservers for your domain.

You’ll need to do this through your domain registrar. Log into your registrar and navigate to your nameserver records.

This is different for each registrar. With Bluehost, for example, you can find it by going to “Domain Manager,” then clicking the “Name Server” tab.

bluehost name

Then, switch your preferences to “Use Custom Nameservers” and copy and paste the nameserver that Cloudflare provided.

Save your changes, then return to the Cloudflare dashboard to verify that you’ve installed your CDN correctly. Click the “Overview” tab, and if your CDN is running, you’ll see an “Active” status code.

pasted image 0 9

If so, your CDN is up and running!

The final step you’ll want to take is to verify that your SSL records are in place. Click the “Crypto” tab to verify that the SSL records are in place. You should see one for your root domain, and one wildcard subdomain record.

If you don’t yet see these records, it may take 24 hours for them to appear.

But once they do, your CDN is serving the secure version of your site — exactly like your origin server.

13. Use external hosting platforms

In addition to hosting your site’s files on a CDN, you can also use external hosting platforms for some of your larger files.

This is particularly valuable for videos.

For example, let’s say you want to add a video tutorial to your site. You create, edit, and export the video file.

Now what?

Your first thought might be to upload the video directly to your site via your FTP or WordPress editor.

Don’t do this.

When you host videos on your own server, they take up a ton of space. Video files can easily take up over 100MB.

If you use a shared server, you have a limited amount of space. Videos can make you quickly exceed this limit.

In some cases, large video files may even violate your terms of Acceptable Use, which can end up getting your hosting account shut down altogether.

And even if you can upload large videos to your hosting provider, it will likely provide a poor user experience.

If multiple users attempt to watch a video on your site at the same time, your server will need to deliver that huge file to all of them. If your server has a limited amount of bandwidth, this can result in lags and pauses in playback.

If you’ve ever attempted to watch a video and had it pause every few seconds to load, you know how frustrating it can be.

Don’t do that to your visitors.

Instead, host your video on a third-party service like YouTube, Vimeo, or Wistia.

Then, embed the video on your site.

This process saves space, results in faster load times, and is extremely easy to do.

The most difficult part is just choosing which one you want to use.

YouTube

When most people think of online video, they think of YouTube. It’s one of the most well-known sites in the world, with a user base of over 1.5 million people that watch almost 5 billion videos per day.

This means it has more monthly users than every major social media platform but facebook.

youtube monthly users

It’s also completely free to use.

The biggest potential advantage to YouTube is that it can help you reach a larger audience. If you want to use video grow awareness of your brand and send traffic to your site, it’s a great option.

If you just want to embed videos on your site, though, and don’t care about having them be discovered on another platform, this may not matter.

The one notable downside to YouTube is that it has a 15-minute limit for most videos. If you want to upload lengthier content, you’ll need to submit a request to increase your limit — so if this is something you’ll be doing on a regular basis, it may not be the best option for you.

Vimeo

After YouTube, Vimeo is the second-largest video hosting platform with 715 million views per month.

So while it still has the potential to get your videos in front of a new audience, your potential audience smaller than it would be with YouTube.

On the upside, its standard video player looks a bit nicer than YouTube’s.

vimeo player

It’s important to note, though, that Vimeo has upload limits for content.

While a basic membership will allow you 500MB in uploads per week, and up to 5GB total, their three paid plans range from $7 to $50 per month, with storage from 250GB to 5TB.

Wistia

Wistia is a bit different from YouTube and Vimeo in that it’s designed with marketing in mind.

Users don’t generally browse Wista’s site for content — so if having your videos searched and found, this is not the option for you.

But if you’re focused on using video as a marketing tool, it could be exactly what you need.

The platform offers comprehensive analytics, including where your visitors come from, where they click, and how far into a video they stop watching.

It also lets you include calls to action directly in your videos, and even require them to sign up for your email list before watching.

Plus, Wistia’s video player is customizable, so you can give your videos a branded feel by changing the play button and other controls to your brand’s colors.

wistia

You can also customize your autoplay settings load settings, captions, and share options, and make it easy for users to skip to certain points in the video by adding chapters.

And if you use HubSpot or Marketo, it can be fully integrated with both of those platforms.

The biggest downside to Wistia is that its free plan only includes three videos.

Beyond that, paid plans are $99+ per month.

Once you’ve chosen your video platform and uploaded a video, adding it to your site is easy regardless of the platform you use.

Select “Embed,” and copy the HTML code that your platform provides.

youtube embed

Then, copy and paste the code into the page where you want it to appear.

For HTML sites, simply add it to your code in the location you want it to show up on the page.

For WordPress, switch to the text editor and do the same.

14. Optimize CSS delivery

CSS holds the style requirements for your page. Generally, your website accesses this information in one of two ways: In an external file, which loads before your page renders, or inline, meaning it is in the HTML document itself.

The external CSS is loaded in the head of your HTML with code that looks something like this:

<!—Your styles –>

<link rel=”stylesheet” type=”text/css” media=”all” href=http://yourURL/style.css />

Inline CSS is nested in your page’s HTML and looks like this:

speed up your website css

As a general rule, avoid including CSS in HTML code (like in divs or your headings) like in the inline CSS pictured above. You’ll get cleaner code if you put all of your CSS in your external stylesheet.

This reduces the size of your code and creates fewer code duplications.

When setting up your styles, it’s also best to only use one external CSS stylesheet, since additional stylesheets increase HTTP requests.

If you’re not sure how your CSS is currently set up, you can use this CSS delivery tool to find out. Enter your URL, and you’ll see a report with all of external your CSS files.

css delivery

Scroll down, and you’ll also see where that external file is located, as well as any inline CSS on the page and the total size of your CSS files.

speed up your website css delivery 2

If you have more than one external CSS file, each one adds to your page load time. In some cases, this is unavoidable — but in most, it’s best to combine them.

Fortunately, this is a simple process, and one that can usually be accomplished with nothing more than copy and paste.

Simply copy the contents of each CSS file you have, and paste it into one main CSS file.

css combine

Then, update your HTML to reference this new file, and remove all references for the old files.

Now, your visitors’ browsers only need to download one CSS file instead of multiple, which reduces the overall number of requests and decreases page load time.

combine css before after

Once you’ve done this, you can use PageSpeed Insights to make sure that you do not have any issues with render-blocking CSS.

If you have any blocking script resources, you’ll see them under “Optimization Suggestions.”

pagespeed render

If you’re already using a plugin like WP Rocket or W3 Total Cache, this should not be an issue. If you still have render-blocking issues, double-check your plugin settings or follow Google’s recommendations for optimizing CSS delivery.

15. Prioritize above-the-fold content (lazy loading)

Having just recommended that you use only one CSS stylesheet and no inline CSS, there is one caveat you need to consider.

You can improve user experience by having your above the fold (top of the page) load faster — even if the rest of the page takes a few seconds to load.

This is called lazy loading and is particularly helpful for pages with lots of content below the fold.

For example, let’s say you write a blog post that includes 20 photos. Normally, a user’s browser would need to download all of those images before displaying anything on the page.

With lazy loading, it can load the content within view first, then load all of those photos after.

This way, the user doesn’t have to wait to access the page, and the images will load as they come into view.

This can significantly reduce load times on posts with tons of images (like this one).

And if you run your site on WordPress, enabling it is as easy as installing a plugin. There are plenty of options you can use to start using lazy loading on your site.

Lazy Load

Lazy Load is an extremely simple plugin that uses jQuery.sonar to only load images when they are visible in a user’s browser.

All you need to do is install and activate it Then, the plugin will automatically detect when an image is visible for a user, and load it.

speed up your website lazy load

There are no settings or customization options to mess with — which, depending on your preferences, could either be a good thing or a bad one.

Either way: If you’re looking for a fast, simple solution, this is it.

BJ Lazy Load

BJ Lazy Load is another relatively simple plugin, but offers a few more options for customization.

First, you can determine which content on your site you want to lazy load. This can include content, thumbnails, gravatars, images, and iframes.

bj lazy load

You can also set a standard placeholder image for content that hasn’t yet loaded, and skip images with certain classes.

So, for example, if you don’t want a specific image to lazy load, you could code it with something like:

<img src=”image.jpg” class=”no-lazy”>

This way, the plugin knows to load that image as normal.

You can also set a threshold for how close to a viewer’s screen an element should be before loading. This gives you more control over the speed and function of how your page loads.

bj lazy load 2

The plugin is also compatible with infinite scroll.

If you’re looking for a plugin that’s easy to use, but gives a bit more control than Lazy Load, this is a great option.

WP Rocket

If you already use WP Rocket, you can also use the plugin to enable lazy loading.

Open your WP Rocket settings, then click the “Basic” tab. In the LazyLoad section, check the box next to “Enable for images.”

wprocket lazyload

Once you’ve enabled this feature, there are a few customization options you can use.

For example, if you don’t want to use lazy loading on a specific post or page, you can simply disable it for that page.

Just open the page, then scroll down to the “Cache Options” box in the right sidebar. Then, uncheck the box next to “LazyLoad for Images,” and save your changes.

disabling lazy load specific page post

You can also use snippets of code to disable lazy loading for specific types of pages, like your home page or blog page.

For example, disabling lazy load for your home page would look like this:

disable lazy home

You can copy and paste these snippets from WP Rocket’s tutorial on lazy load settings.

If you want to disable lazy load for specific images, you can do that using the “data-no-lazy” attribute.

Just add it into your image’s code, and that image will load normally.

data no lazy

Finally, you can enable a fade in effect to make your images load more smoothly.

When images appear all at once, they can provide a jarring experience for visitors. You can make them appear more gradually by adding a snippet to your CSS file.

fade effect wp

You can also find this snippet in WP Rocket’s lazy load tutorial.

16. Reduce the number of plugins you use on your site

As you’ve likely gathered from this post so far, plugins can do a lot to improve your WordPress site. You can use them to add custom functionality, clean up your code, improve user experience, and more.

They also eliminate the need to mess with a lot of code, which makes for an extremely user-friendly experience when working on your site.

Plus, they’re extremely easy to install.

This makes it easy to continue adding and installing plugins, without considering the potential downside.

Unfortunately, having too many plugins installed can cause some issues.

They can slow your site, create security issues, and even cause crashes and other technical difficulties.

Plus, keeping up with maintenance and updates can be tedious when you have a lot.

And even if you don’t have a ton of plugins, it’s a good idea to evaluate the ones you have installed on a regular basis. Any that are outdated, inefficient, or incorrectly configured can have a negative impact on your site speed.

Deactivating and deleting any that are unnecessary can both improve your overall speed and make maintenance easier in the long run.

There are a few different ways you can evaluate the plugins on your site and weed out any that slow your site speed.

Test your plugins

When you’re looking to improve site speed, there are two different ways to determine which plugins are impacting it.

The first is to selectively disable plugins, then measure your site’s performance. This can be a tedious process if you have a lot of plugins, but will show you the difference each one makes.

First, run a speed test with all of your plugins enabled. You can do this with tools like GTmetrix, Pingdom, or any other site speed tool you prefer.

gtmetrix

Then, experiment by deactivating your plugins one at a time and re-testing your speed.

Make a note of your page load times after each test, and which plugins you deactivated to achieve faster speeds.

If you have a lot of plugins, this process could take a while.

Fortunately, there’s an alternative: Installing another plugin.

… yes, I see the irony here.

But Plugin Performance Profiler is a solid option for identifying plugins that are causing issues on your site. Plus, it’s much faster and easier than manually deactivating plugins individually and running site speed tests (and you can always deactivate it as soon as you’re done using it).

Once you’ve installed the plugin, go to your settings page a run a site scan.

This will take a few minutes, then show you a report with a detailed breakdown of how each plugin on your site.

speed up your website plugin performance profiler

The plugin load time at the top of the report tells you the cumulative load time for all of the plugins on your site, as well as the percentage of your total load time they make up.

You can also see a detailed timeline with information about every plugin, your theme, and the core for each page. This will help you identify exactly what the issue is on slow-loading pages.

performance timeline

Finally, you can keep a history of your performance scans directly in the plugin. This way, if you run into issues in the future, you’ll have a benchmark and a good starting point for identifying issues.

plugin record

If you find any plugins during your evaluation that are slowing your site and aren’t necessary, simply deactivate and delete them.

One easy win to look for here is your contact form plugin, if you have one. Many site owners install a contact form plugin because they think it’s the only way to add a form their site.

But today, many themes come with built-in contact form functionality.

If you notice that your contact form plugin is slowing your site, double-check to see if this feature comes with your theme. If so, update your forms and delete the plugin.

Identify overlaps in functionality

In most cases, the plugins you’ve installed on your site serve a clear purpose. So even if the sheer volume is slowing your site, deleting them may not be an option.

Fortunately, there are many plugins that can accomplish more than one goal, and finding them can help you eliminate plugins that only serve one purpose.

For example, the WP Rocket and WP Total Cache plugins on this page are both extremely useful for improving site speed and they’re both great options.

But considering that they serve many of the same purposes, you most likely don’t need both. If you had both of them installed on your site, you could evaluate the features you use on each and see if either could do everything you need.

Then, enable all of those features in the plugin you choose to stick with, and deactivate the other.

If you have a lot of plugins installed, you may be surprised at how many of the simpler ones can easily be eliminated by enabling a feature in a more robust one.

Eliminate plugins for tasks you can do manually

Depending on your level of experience, you can also cut down on your amount of plugins by doing certain tasks manually.

For example, many site owners use a plugin to add their Google Analytics tracking code to their header. And while this makes the process extremely easy for users who aren’t comfortable editing code, it’s not necessary.

If you have the Insert Headers and Footers plugin (or a similar one) installed to edit other parts of your header tag, you can copy your Google Analytics code from your admin dashboard, then paste it here.

Save your changes, and your tracking code is installed.

If you don’t have a plugin for editing headers and footers installed, you can manually add it to your header through your site’s FTP.

Of course, this is a more advanced option, and only a good idea if you’re comfortable with basic code edits. But once you paste your code and re-upload the file, you’re all set to use Google Analytics — with absolutely no plugin required.

Another basic plugin you may have installed is a font plugin. These plugins are designed to make it easy to change your site’s fonts — but if you have one installed, you can eliminate it with a few lines of code.

Go to Google Fonts and select the font you want to use on your site. Under “Embed,” you’ll see the HTML and CSS codes for that font.

speed up your website google fonts

Add the HTML code to your header, and the CSS to your site’s CSS stylesheet wherever you want to use your chosen font.

You can do this with as many fonts as you want, too. So you can fully customize how all of the text on your site appears, without a single plugin.

17. Reduce redirects

Redirects are often necessary when you move and delete pages, and are the best way to eliminate issues with broken links.

But having too many of them can create additional HTTP requests, which can negatively impact speed, particularly on mobile devices.

This means it’s best to keep them to a minimum. In fact, Google says that ideally, site owners would eliminate them entirely.

Unfortunately, this is not realistic for most site owners who’ve ever eliminated or restructured their content.

Still, in most cases, there’s room for improvement.

You can start by using Screaming Frog to quickly identify all of the redirects currently on your site.

Run a site scan, then sort by the “Status Code” column to see all of the 301 redirects on your site.

speed up your website screaming frog

You can look through these redirects to see what they’re accomplishing, and make sure that they serve a necessary purpose.

You can also use this opportunity to identify redirects chains, or redirects that point to other redirected pages. This creates unnecessary extra requests, which can slow down your load times.

If you find any redirect chains, you can edit your .htaccess file to point all of your redirected pages directly to the most recent versions of that page.

18. Reduce external scripts

As we mentioned above, the fewer requests your site makes to your server, the faster a page will load.

Though CSS and JavaScript files are often the main culprits of extra external scripts, they’re not the only ones — and eliminating any others can also have an impact on your speed.

There are many common third-party integrations you may have running on your site that you don’t really think about.

You can identify all of the external scripts that are adding requests by reopening the network tab in Chrome’s Developer Tools.

external scripts

For example, if you use Gravatar for blog comments, you might notice that loading user images adds a significant amount to your load time.

Or, if your site is integrated with Twitter for easily sharing posts, this might also increase the number of HTTP requests your site makes.

Of course, some of these extra features are worth the milliseconds they add to your load times. In this case, you can leave them as-is.

But if they aren’t worth slowing your page speed, uninstall or remove them.

Knowing which features are adding to your load times will help you better understand your site’s speed. It can also help you make more informed decisions about the features you choose to add to your site in the future.

19. Monitor your speed over time

As you work to improve your site speed, it’s a good idea to monitor how it changes over time. This is important even after you’ve achieved an acceptable page load time.

As you can see from this post, there are tons of factors that affect your site’s speed — so it can change at almost any time.

Monitoring your load times on a regular basis can help you catch any issues early on, and keep your site in good shape.

There are many tools you can do to accomplish this. One of the best for monitoring overall site performance is Pingdom’s Website Speed Test.

Simply enter your URL, then select where you want to test your site from. If you don’t have a location preference, you can leave this at the default — but if you’re worried about users who are geographically far from your servers, this lets you test your site from various locations.

speed up your website pingdom

Then, you’ll see a summary of your page’s load time and performance, including the page size, number of requests, and how it stacks up against other tested sites.

pingdom summary

This information gives you an at-a-glance look at your site speed’s health, and tracking it over time is an easy way to monitor improvements or decreases in performance.

Below that, you’ll see a list of suggestions for improving your site’s performance. If you’re unhappy with your load time, this will help you identify the issues that are causing it.

speed up your website pingdom performance insights

This information is all included in the free version of the tool.

The paid version also provides page speed reports, which show your site’s speed over time. This can help you identify trends, and the precise time your site begins having issues.

This makes it easy to get to the root of any problems.

pingdom page speed report

The paid version also includes alerts and uptime monitoring, which monitor your site and automatically alert you of issues.

This includes a mobile app, which will notify you of server errors, downtime, and other critical problems. These features make it easy to catch issues as they happen and make sure your site is always loading quickly and functioning well.

20. Monitor mobile page speed

In addition to monitoring your load times on desktop, you’ll want to pay particular attention to how well your site loads on mobile devices.

As we mentioned above, mobile user experience now impacts all of your site’s rankings.

Plus, it’s in your best interest to provide a fast, user-friendly site to mobile users.

You can start by using Google’s Test My Site to audit your own page speed. To get started, just enter your URL.

speed up your website test mobile speed

First, your results will show you your site’s average load time on 3G, as well as how that stacks up to recommended best practices.

It also shows your estimated visitor lost due to load times. If you have slow load times, this can be a startling number.

google mobile test

Next, Google provides an industry comparison to show where you stack up against other sites in your industry.

Given that many of these sites are your competitors’, you’ll want to work towards being a top performer within your industry.

speed up your website mobile industry comparison

If your site’s speed isn’t yet close to where you want it to be, this can feel like a lofty goal. But as you make the changes listed in this post, you can continue testing your site and moving towards the top of your industry.

Conclusion

Getting your page load times to where you want them to be is a challenging undertaking, but will have a significant positive impact on your overall site performance.

It’s also important to remember that while all of the tips on this page can help you achieve your site speed goals, you don’t need to implement all of them today.

Spend some time looking through your site’s speed test results and look for the issues that have the greatest impact on your load times. Focus on those high-impact factors and take the necessary steps to get them into shape.

From there, you can work your way through this list and look for other easy wins. While some of the tips here may require help from a developer, some of them can be done in under an hour.

And though some of them may seem minor, even small steps toward reducing load time can make a difference and when you consider the impact that even one second can have on your conversions and success, they’re entirely worth it.

What are the biggest wins you’ve found for improving your site speed?

201 Comments

DON’T MISS OUT

Get updates on new articles, webinars and other opportunities:

Today’s Eggspert

This article was written by today's Daily Eggspert. If you would like to contribute as an Eggspert, please reach out to us here.

201 COMMENTS

Comment Policy

Please join the conversation! We like long and thoughtful communication.
Abrupt comments and gibberish will not be approved. Please, only use your real name, not your business name or keywords. We rarely allow links in your comment.
Finally, please use your favorite personal social media profile for the website field.

SPEAK YOUR MIND

Leave a Reply to Arpit Cancel

Your email address will not be published.

  1. Mukul says:
    February 13, 2018 at 6:26 pm

    This is what I have been looking for. I’m a web developer and always try to find things to reduce the loading time of my site.

    Thanks so much for the nice article!

  2. sripal says:
    February 9, 2018 at 9:41 pm

    Nice information. But one important thing is missing. We need to test website performance across different devices because generally users browse website using desktop , laptop, different mobiles & tabs. We can test any website performance across different devices using perfhack.com

  3. Anonymous says:
    April 3, 2017 at 2:04 am

    such a informative post, i increase my website speed to 2 sec. faster from it.
    thank you

  4. sankar says:
    March 31, 2017 at 7:35 am

    great article. always I am thinking about how to reduce my webpage size and get better load speed. Here i clearly got each point for my query. thank you for sharing such nice article.

    • Kathryn Aragon says:
      March 31, 2017 at 3:40 pm

      I’m glad you found it helpful!

  5. Dre Hospidales says:
    March 6, 2017 at 4:49 am

    Thanks for the awesome tips Kathryn. A content delivery network would also help. I never knew jpeg was a better solution than png particularly because of the flexibility png provides. I have always chosen png over jpg. I will have to look into this.

    • Kathryn Aragon says:
      March 31, 2017 at 3:40 pm

      Agreed. I tend to use PNGs too. They’re sooo much more flexible. Great tip about the CDN.

  6. webtady says:
    December 16, 2016 at 2:21 pm

    You are absolutely right ,because using some high resolution image and extra css and javascript plugin our site get more time to browsing.
    So this tips help us to compress our site limit and get extra fast browsing.
    Thanks.

    • Kathryn Aragon says:
      December 20, 2016 at 4:16 pm

      Exactly! The idea is to keep things as lean as possible. 🙂

  7. kishor says:
    October 5, 2016 at 3:10 pm

    Nice article, i have checked the website speed it was too slow ie. below 50/100. So i have done some tricks as per your suggestions & now it works properly. Thanks

    • Kathryn Aragon says:
      October 6, 2016 at 2:56 pm

      Wonderful! Thanks for sharing the good news. 🙂

  8. Anonymous says:
    September 29, 2016 at 9:41 am

    I tried to implemented the techniques suggested by you but optimising CSS delivery and minifying resources were a bit technical for me! complicated for me.

    Thanks for a great article though!

    • Kathryn Aragon says:
      October 6, 2016 at 3:44 pm

      I’m sorry to hear that. Site speed issues can be hard to figure out. I hope you can find some technical help.

  9. Anonymous says:
    August 20, 2016 at 11:01 am

    I am getting 96 score in google speed test but it is showing to cache adsense ads does it have any alternative for same.

  10. Arti says:
    August 7, 2016 at 12:20 pm

    Thanks for such a great post, really helpful tips for speed optimizing sites.

    Thanks one again ?

    • Kathryn Aragon says:
      August 8, 2016 at 7:32 pm

      You’re welcome, Arti. I’m glad you enjoyed it. Best of luck with your sites.

  11. Ledio Veseli says:
    August 3, 2016 at 1:28 pm

    I don’t believe #8 is true. What defines what is above or below the fold. Website designers nowadays cannot control where the fold falls on visitor’s screen.s People have different size monitors, different resolution, different browsers. On top of that and not everyone keeps their browsers maximized. Add to that mobile devices. Content will shift based on the above and there’s never a definite answer of what’s above the fold.

    • Kathryn Aragon says:
      August 8, 2016 at 7:30 pm

      Good point, Ledio. It would probably be useful to use Crazy Egg on the page to know how far people are scrolling–the optimize the area people are viewing.

  12. Anonymous says:
    July 8, 2016 at 9:31 pm

    Nice post, good checklist. Some points are really new and very useful.

    • Kathryn Aragon says:
      August 8, 2016 at 7:31 pm

      Thanks! Good luck speeding up your website.

  13. krishna says:
    July 5, 2016 at 6:14 am

    nice post
    it will help to generate more traffic on my blog.

    • Kathryn Aragon says:
      July 5, 2016 at 5:47 pm

      Glad to hear it, Krishna. I hope you get good results.

  14. Hemanth says:
    June 30, 2016 at 11:55 am

    Great post kathryn.. Nice article for bloggers like me who are struggling to reduce the response time of the website. will try to implement these instructions and share my experience.

    • Kathryn Aragon says:
      July 5, 2016 at 5:47 pm

      Excellent. I look forward to hearing back from you!

  15. Gayatri says:
    June 15, 2016 at 6:56 am

    Thanks Neil, it is always good to read tips for improving our blog & main site.

  16. Jitu Patel says:
    May 12, 2016 at 11:30 am

    is there any tool which measures website loading speed ?

    • Kathryn Aragon says:
      July 5, 2016 at 5:48 pm

      Try this one: tools.pingdom.com/

  17. Anonymous says:
    April 3, 2016 at 7:29 am

    Thank you for sharing very useful info. I have been searching lately on how to reduce the load time of my site and your 10 tips, well some of them actually helped increasing the response time of site. Well as some others are too techie for me to follow. Would appreciate if you can share any good plugins that can do all at once 🙂

    • Kathryn Aragon says:
      July 5, 2016 at 5:50 pm

      I’m glad you’re already seeing results! Unfortunately, this is a techy topic, and there’s no easy way to do it all. But hopefully, you’ll get good success without having to become an IT. 😉

  18. sneha says:
    February 22, 2016 at 3:12 am

    Is there any widget for blogger to optimize css action. I mean , in order to speedup the site.Is there any plugin(Widget) do the same.. ??

    • Rahul says:
      July 3, 2016 at 2:58 am

      For speed up you should use w3 total cache plugin if you are using WP. Select the minify options and gzip option, now check your site speed. It really a great plugin for speeding up your site.

  19. AsHutosh Jha says:
    February 2, 2016 at 8:37 pm

    Hello,

    Great post. I really liked the idea of minimizing the Javascript and css files to have the page load faster.

    Also, CDN is new to me but will definitely try my hand non it.

    -Ashutosh

  20. Moritz says:
    January 4, 2016 at 2:00 pm

    Thank you. These are really useful tips. I didn’t know anything about CDN before!

  21. Gaurav Upreti says:
    December 4, 2015 at 12:25 am

    Great post ! I personally implemented most the techniques suggested by you on my site but few factors like “optimizing CSS delivery” and “minifying resources” was a bit technically complicated for me . Anyway the idea here were pretty cool. Thanks 🙂

    • Fred says:
      December 14, 2015 at 4:35 pm

      Minifying CSS and using a CDN don’t have to be complicated. While I’d recommend a gulp or grunt task runner (which can be complicated) you can find a CSS minification tool online where you copy/paste your CSS into a form and it will give you the minfied CSS. Save that to a new file (mysite.min.css) and include it on your homepage instead. Regarding a CDN, if you’re using something like jQuery or Bootstrap on your site, you can reference them from a cdn (like cdnjs or googleapis) rather than referencing the file from your site. Good luck.

  22. jessica says:
    November 21, 2015 at 8:30 am

    Thanks a lot for these tips .I have a doubt .If we deactivate a plugin instead of deleting , will it give the same output ( decreasing load speed ) .If then why we should delete plugins ?

  23. Surya Konduru says:
    November 13, 2015 at 5:36 am

    nice post, but it is some times difficult to understand the suggestions given the google developer site for the reasons of our high page load time.

    Any ways, Your article gave me some resources & ideas to move atleast a half second high.. 🙂

  24. Atul Yadav says:
    October 7, 2015 at 1:07 am

    Hi Niel,
    I have a heavy website which take much time to load, it is around 9-10 seconds but i want to decrease page load time. I want to know that what should it be and how much effect it will users. Please suggest me, i am waiting

    Thanks for this article it very helpful.

  25. aNKIT pATIDAR says:
    September 21, 2015 at 7:15 am

    Nice and informative post. We can also speed up website by using inline css and javascript.

  26. Donny suitor says:
    September 15, 2015 at 1:06 pm

    Css has really slowed my site down but it’s just so attractive!!! I think design is also a big factor to on page time. But the goal is to increase load time without decreasing quakity and design.

    • Sean says:
      September 16, 2015 at 8:09 pm

      Donny, CSS shouldn’t necessarily slow your site down. There is a great tool out there to help you remove unused CSS: https://unused-css.com/

      You can upload your CSS files to this site and it will output (usually) a reduced file size (if I remember correctly :).

  27. Daren says:
    August 10, 2015 at 8:09 am

    Can’t agree more on how a faster server response speed affect the user experience and search engine ranking. This is very useful piece of post! Thank you!

    • Kathryn Aragon says:
      August 10, 2015 at 9:19 pm

      You’re welcome, Daren! I’m glad you found it useful.

  28. Akash Jayant says:
    July 22, 2015 at 8:23 am

    i followed your tips and getting improvements.

    • Kathryn Aragon says:
      July 22, 2015 at 9:22 am

      Awesome! Glad to hear it.

  29. Caleb says:
    July 21, 2015 at 8:05 am

    I’m not so sure I agree with using CSS instead of images to speed up your website. Maybe in some instances. But the CPU renders CSS and it has to parse your CSS before it does so. Depending how much CSS you are using like opacity, box shadows, and so on, it has to paint it every time something happens. This is why a lot of times when beginners try to make responsive sites, they are slow.

    • Kathryn Aragon says:
      July 21, 2015 at 9:17 am

      That’s good to know, Caleb. Thanks. Sounds like, if you’re using CSS, you need to keep it simple.

  30. aabhas jain says:
    July 16, 2015 at 3:17 am

    Thx KATHRYN this article is very helpful to me to decrease average load time on my website.

    • Kathryn Aragon says:
      July 16, 2015 at 9:18 am

      I’m glad to hear it, Aabhas.

  31. Nick says:
    July 15, 2015 at 7:53 pm

    Nowadays, only few websites are having problems with slow page loading. I bet they must have considered what you’ve mentioned in this article. And definitely will apply these to speed up my website. Thanks!

    • Kathryn Aragon says:
      July 16, 2015 at 9:27 am

      Google has been advising webmasters to focus on speed for a while. But it helps to have some smart tips for doing it. I’m glad you found them helpful.

  32. adam kan says:
    July 12, 2015 at 5:19 am

    If you use more plugins. They will make your website slow. You should use helpful plugin for your site.

    • Kathryn Aragon says:
      July 12, 2015 at 10:09 am

      So true. It’s best to streamline the plugins.

  33. Lawrence Tam says:
    July 10, 2015 at 6:42 pm

    great tip – To ensure your images load quickly, consider adding the WP Smush.it plugin to your website.

    I’ve been using that for clients and my own websites.

    but recently WP smush.it run by Yahoo was closing it’s doors. (news source: geekwire.com/2015/web-developers-left-scrambling-after-yahoo-kills-smush-it-image-optimization-service/)

    do you have any alternatives?

    Also we have linked to this blog from our ecommerce conversions blog post here (teamprojectmayhem.com/blog/quick-e-commerce-fixes-that-can-significantly-increase-your-conversions/?id=spooon) as a resource for load time fixes.

    • Kathryn Aragon says:
      July 11, 2015 at 10:38 am

      Thanks for the link, Lawrence! WPMUdev has a SmushIt plugin that works great. I use it on my site.

  34. Parinda says:
    July 2, 2015 at 5:43 am

    Amazing info. Thanks.

  35. Parinda says:
    July 2, 2015 at 5:41 am

    Amazing article. I was confused about my site’s slow loading speed and so I landed on this page finding solutions. Used some ideas and find them extremely useful. Thanks for help.

    • Kathryn Aragon says:
      July 2, 2015 at 8:46 am

      I’m glad they helped! Thanks for sharing.

  36. Adam Kan says:
    July 1, 2015 at 11:00 am

    This post is very good for me.
    6/10 I’ve been following the way that you guide. The results were amazing. My site was faster than 30% as assessed by Google.
    Thank you very much. I love you.

    • Kathryn Aragon says:
      July 1, 2015 at 11:06 am

      Hooray! That’s great to hear.

      • adam kan says:
        July 12, 2015 at 5:22 am

        Yes! I learn more thing from your blog. Keep going. Thank you so much!

  37. Peter John says:
    July 1, 2015 at 6:42 am

    great speed increasing tricks

  38. alvin says:
    June 22, 2015 at 7:13 am

    When it comes to speeding up a website speed I find 2 kinds of plugins the best and yields 80-90% of the results – CSS compression and optimizing images. The rest help but to a smaller extent.

    • Kathryn Aragon says:
      June 22, 2015 at 10:19 am

      Thanks, Alvin. Great tips.

  39. Ulya says:
    June 5, 2015 at 9:56 am

    Thanks Kathryn Aragon
    It’s very useful for me. By the way, how many plugin are used for this blog?

    • Kathryn Aragon says:
      June 5, 2015 at 10:15 am

      We actually have a lot of plugins, though we try to be as streamlined as possible.

  40. Charan Pammi says:
    June 3, 2015 at 3:34 am

    Really an awesome tutorial , Really in depth One of my site is fast when non-www and very slow when i tested with www on pingdom

    What may be the reason ?

    Thanks

    • Kathryn Aragon says:
      June 3, 2015 at 9:29 am

      I’m not sure. That seems backwards to me. Aliases can take longer, and the more aliases you have, the more they can affect your site speed. Maybe you need to talk to your host or DNS server.

  41. Jacob says:
    May 21, 2015 at 4:11 pm

    Thanks for the great tips, Kathryn, and I’d like to share some ideas of my own.

    1, When it’s possible, host sites on a dedicated server with SSD hard drive, and 1Gbps port.

    2, Use a fast web server such as LiteSpeed, nginx.

    3, Use NoSQL to replace MySQL.

    4, Combine multiple images using an online CSS sprite generator, then optimize this image with an image optimizer such as TinyPNG.com, Resizeimage.net

    5, Use an image hosting site to host your images if your sites are hosted on a shared hosting server. Or use a CDN.

    6, If you have a WordPress website, you can install the WordPress plugins that allows to optimize your images automatically.

    7, Block spammers that access your server frequently.

    8, Kill these processes that use too much CPU or memory resources with scripts.

    • Kathryn Aragon says:
      May 21, 2015 at 4:18 pm

      Bravo, Jacob! Great tips. Thanks for sharing them with us.

    • Adam Kan says:
      July 1, 2015 at 11:02 am

      Jacob!
      Thanks for your share…
      it is helpful for my site!

  42. Raul Tiru says:
    May 18, 2015 at 8:58 am

    Most helpful post I’ve read in a while. I try to use more CSS than Images. I think I did a pretty good job in making the website appealing with different colors instead of pictures. The home page loads within 2 seconds 🙂

    • Kathryn Aragon says:
      May 18, 2015 at 9:51 am

      Wow! Great job, Raul. 🙂

  43. RENJITH V S says:
    May 9, 2015 at 3:51 am

    Nice article Kathryn. Keep going all the best.

    • Kathryn Aragon says:
      May 9, 2015 at 6:33 pm

      Thanks, Renjith. I’ll do my best. 🙂

  44. Ade says:
    May 4, 2015 at 6:29 am

    Thanks so much .. Please check out simple website..

    • Kathryn Aragon says:
      May 4, 2015 at 9:38 am

      Simple but elegant. Great job on your website, Ade.

  45. waqas says:
    April 25, 2015 at 4:16 am

    Thanks a milion of that article, please advise if there is any site could make analysis of the my site yallabook.com and advise how to speed it, it takes more than 9 sec. my web developer say it fine but i feel something wrong.

    Best regards

  46. waqas says:
    April 25, 2015 at 4:15 am

    hey ,
    this is nice post, I have a big problem of loading my website very late,
    hopefully this article help me lot.
    thanks once again for this information.

    • Kathryn Aragon says:
      April 25, 2015 at 9:18 am

      You’re welcome, Waqas. Even applying a few of these tips can make a difference. Good luck with it.

  47. Mark Leverett says:
    April 17, 2015 at 8:05 am

    Hi Kathryn,

    I’m new to this optimization thing and tested my site with several speed testers (giftofspeed.com and gtmetrix.com) and just now realize how slow my site actually is. I’ve implemented some of your tips and I’ve already sped my site up by 50%!! Just wanted to say thanks!

    • Kathryn Aragon says:
      April 17, 2015 at 9:15 am

      That’s awesome, Mark! Thanks for letting me know.

  48. peter decosta says:
    April 13, 2015 at 6:12 am

    Thanks a lot Kathryn for this great article.. such a great explanation and solutions.. I am sure this will help me a lot in reducing my site load time… because website load time is what make or break your online presence especially when you are in a competitve market like news, entertainment or sports for instance..

    • Kathryn Aragon says:
      April 13, 2015 at 10:20 am

      So true, Peter. Fortunately, even just one or two of these strategies can make a big difference.

  49. Dave says:
    April 13, 2015 at 12:01 am

    Great work Kathryn!
    piece of great material 🙂

    Thanks

    • Kathryn Aragon says:
      April 13, 2015 at 10:13 am

      Glad you like it, Dave!

  50. Abhijeet Bhosale says:
    April 6, 2015 at 4:29 am

    Nice Article Kathryn.. Thank you:)

    • Kathryn Aragon says:
      April 6, 2015 at 10:07 am

      You’re welcome, Abhijeet. 🙂

  51. Ekeh Amaechi says:
    March 25, 2015 at 9:59 am

    Your article got my query resolved with a single click. Thanks for the indebt assistance rendered.

    • Kathryn Aragon says:
      March 25, 2015 at 10:47 am

      Awesome! I’m happy to have helped, Ekeh.

  52. NewJawa says:
    March 21, 2015 at 8:01 am

    Hi Kathryn, thanks for the insigth, our website had a good speed but it got better, we are determined to push the limits of every solution we made and now our company’s website is show 100% performance, check it out at NewJawa.co.uk

    Thanks again for the article
    NewJawa,
    Make life easier

    • Kathryn Aragon says:
      March 21, 2015 at 9:39 am

      That’s awesome, Newjawa. Your site is lightning fast. 🙂

  53. Dorin says:
    March 16, 2015 at 12:22 pm

    hey thanks for the tips and tricks … my site is loading in 1.5 sconds now !
    😀

    • Kathryn Aragon says:
      March 17, 2015 at 9:09 am

      Hooray! Way to go, Dorin. 🙂

  54. Bhawna Bisht says:
    March 4, 2015 at 12:05 am

    Hye Kathryn! I would like to say thanks for this priceless article. I have done lots of things to increase my website speed but still got nothing helpful. Now, I’m gonna try your way. Let’s see the result.

    • Kathryn Aragon says:
      March 4, 2015 at 9:07 am

      You’re welcome, Bhawna! Hope it helps.

  55. Amr Mohamed Ezzat says:
    February 23, 2015 at 1:31 pm

    Thanks a milion of that article, please advise if there is any site could make analysis of the my site yallabook.com and advise how to speed it, it takes more than 9 sec. my web developer say it fine but i feel something wrong.

    Best regards

    • Kathryn Aragon says:
      February 24, 2015 at 9:00 am

      Hi Amr. I agree with you that 9 seconds is long and you do need to try to speed up your site. It’s difficult to assess what’s wrong, though, from the front end. So many of the things that slow down a site have to do with the code, image sizes, and hosting. To start, I’d check on a content deliver network and image sizes. Good luck!

  56. Ali says:
    February 23, 2015 at 9:53 am

    Great post, keep it up

    • Kathryn Aragon says:
      February 23, 2015 at 10:21 am

      Thanks, Ali. Will do.

  57. GAURAV MISHRA says:
    February 10, 2015 at 11:01 pm

    Thanks for sharing your valuable information on your site, I will try this

    • Kathryn Aragon says:
      February 11, 2015 at 8:43 am

      Glad to hear it, Gaurav.

  58. Saurabh says:
    February 9, 2015 at 1:03 am

    Great article and this article’s ranking going well for several months because you written it very well and following quicksprout’s article too.

    • Kathryn Aragon says:
      February 9, 2015 at 10:01 am

      Thanks, Saurabh. I appreciate your kind words.

  59. Sohail says:
    February 8, 2015 at 1:54 am

    Thanks for the valuable information

    • Kathryn Aragon says:
      February 8, 2015 at 10:19 am

      You’re welcome, Sohail.

  60. Arpit says:
    February 5, 2015 at 9:46 am

    Hey Kathryn

    Great Artical!!!!!It made my day…Good Work Done..

    • Kathryn Aragon says:
      February 5, 2015 at 1:29 pm

      Thanks, Arpit! Love hearing that!

  61. Sebastian Gheorghiu says:
    January 25, 2015 at 6:53 pm

    Speed is critical. Everyone likes things fast. Why the wait? Speed optimizing any website will give it an extra edge over its competition. I always implement speed optimization to all my clients regardless if they pay for it or not.Speed optimizing a website should be essential but not all web developers are implemtenting such practice. Would this also effect ranking? I do think that google may consider this as part of their ranking algorithm.

    • Kathryn Aragon says:
      January 26, 2015 at 8:06 am

      Sebastian, you’re right about the importance of site speed–and I love that you optimize for it even if it wasn’t paid for. It is one of the things Google uses to evaluate a site, so it matters more than some may think. Thanks for joining the conversation!

  62. hasnain says:
    January 18, 2015 at 10:20 am

    hey ,
    this is nice post, I have a big problem of loading my website very late,
    hopefully this article help me lot.
    thanks once again for this information.

    • Kathryn Aragon says:
      January 18, 2015 at 10:28 am

      Hope it helps, Hasnain! Let us know how it goes.

    • Neil Patel says:
      January 19, 2015 at 1:14 pm

      Hasnain, glad we could help. If ever you need help with anything else let us know.

  63. James Flores says:
    January 7, 2015 at 7:20 pm

    Thanks for the advice. A lot of other places are using Google’s Page Insights too.

    • Kathryn Aragon says:
      January 7, 2015 at 11:51 pm

      Great tip, James. Thanks!

  64. Lasisi Afees says:
    January 4, 2015 at 8:27 pm

    What a wonderful resources on website seed optimization. The post is educative and informative.

    • Kathryn Aragon says:
      January 5, 2015 at 9:39 am

      Thanks, Lasisi! I’m glad you liked it.

  65. Farooq Marwat says:
    December 14, 2014 at 10:27 am

    Is there any plugins who help in this regard as I m not a developer nor can hire someone

  66. Madhuri Mehra says:
    December 11, 2014 at 7:39 am

    Admin, great post. My all doubts are cleared from you. Please tell me that if i have website for India. Then hosting taken from India will speed up my website or not.

  67. Anurag Kumar says:
    November 23, 2014 at 5:15 am

    Great article. Something that is very useful for some one who is new to seo. Thanks a ton.

    • Neil Patel says:
      November 24, 2014 at 11:26 am

      Anurag, glad you found it helpful. Looking forward to hearing much more from you.

  68. givi says:
    November 18, 2014 at 8:25 am

    Thanks For Interesting Article.

    • Kathryn Aragon says:
      November 18, 2014 at 9:23 am

      Your welcomme, Givi!

  69. manish_BHr says:
    November 17, 2014 at 1:21 am

    hi kathryn

    My only tip to anyone willing to speed up their blog is to make use of the Minify-feature found in the W3 Total Cache plugin for WordPress.
    Also make sure you try out cSprites for WordPress.
    Thanks you for sharing own thinking

    • Kathryn Aragon says:
      November 17, 2014 at 8:45 am

      Great addition, Manish. Thanks for the suggestion.

  70. Martin says:
    November 5, 2014 at 11:08 am

    Well, such an awesome information you shared with us. Keep sharing regularly.

    • Kathryn Aragon says:
      November 5, 2014 at 1:03 pm

      Thanks, Martin. We do our best. 🙂

    • Neil Patel says:
      November 5, 2014 at 2:00 pm

      Martin, glad we could help. Looking forward to hearing much more from you.

  71. ano says:
    October 29, 2014 at 4:17 am

    good tips, it help my to speed up Pasar Kode

    • Kathryn Aragon says:
      October 29, 2014 at 9:16 am

      Glad to hear it, Ano!

    • Neil Patel says:
      October 29, 2014 at 10:52 am

      Ano, glad we could help. Thanks for the feedback.

  72. sagar says:
    October 20, 2014 at 4:57 am

    Thank for this . its realy helpful

    • Kathryn Aragon says:
      October 20, 2014 at 7:55 am

      You’re welcome, Sagar. I’m glad you found it helpful.

  73. Norbert says:
    October 16, 2014 at 10:49 pm

    Hi Kathryn,
    After installation of a new power supply everyting works slow. Does the power supply
    has any effect on this problem ?
    How do I get the PC back to its normal speed. ?

    Thanks

    • Kathryn Aragon says:
      October 17, 2014 at 9:43 am

      Hi Norbert. The power supply shouldn’t affect the speed. Hard to know what’s wrong. Good luck troubleshooting it!

  74. Sameer says:
    October 8, 2014 at 6:25 am

    Useful imformation Kathryn! When Page loadig impacts user experience and SERP ranking, then skiping this crucial factor will result in big loss to business.

    • Kathryn Aragon says:
      October 8, 2014 at 8:44 am

      Thanks, Sameer. This is one of the elements many websites forget, so getting it right can help you stand out. Glad you found it useful.

  75. isaac Hammelburger says:
    September 21, 2014 at 10:04 am

    Awesome post. What are your thoughts on using CDN’s like cloudflare, do they reduce HTTP requests? Can’t help but notice you didn’t mention them.

    • Kathryn Aragon says:
      September 21, 2014 at 11:11 am

      Sorry, Isaac, I don’t have any experience with CDNs, so I can’t answer your question.

  76. nisar says:
    September 15, 2014 at 5:28 am

    Great Article, I Like it. Thanks for sharing this knowledgeable article.

    • Kathryn Aragon says:
      September 15, 2014 at 8:59 am

      Your welcome, Nisar. I’m glad you found it helpful.

    • Neil Patel says:
      September 15, 2014 at 12:42 pm

      Nisar, glad you enjoyed it. Thanks for the feedback 🙂

  77. Kathryn Aragon says:
    September 14, 2014 at 9:57 am

    Your welcome, Darong. I’m no expert on CDNs, but there are some good options in this article. Good luck!

  78. prakash chandra nayak says:
    September 12, 2014 at 6:45 am

    Thank you very much to share your experience

    • Kathryn Aragon says:
      September 12, 2014 at 8:24 am

      Your welcome, Prakash. Thanks for commenting.

    • Neil Patel says:
      September 12, 2014 at 10:03 am

      Prakash, glad I could help 🙂

  79. Sandeep Mehra says:
    September 11, 2014 at 9:10 am

    Hi Kathryn,
    Thanks for sharing this wonderfull and knowledeble article. I have applied all of your tips suggested and it really helps me to Increase my site performance and speed.
    🙂
    Thanks & Regards
    Sandeep

    • Neil Patel says:
      September 11, 2014 at 9:26 am

      Sandeep, glad we could help. Looking forward to hearing more from you 🙂

    • Kathryn Aragon says:
      September 11, 2014 at 9:53 am

      That’s great, Sandeep! So glad to hear it.

  80. Murugan k says:
    September 9, 2014 at 5:14 am

    Hey, the tips are awesome

    • Kathryn Aragon says:
      September 9, 2014 at 10:11 am

      Thanks, Murugan. Glad you found it helpful.

    • Neil Patel says:
      September 9, 2014 at 12:21 pm

      Murugan, Glad you found them helpful. Looking forward to hearing more from you 🙂

  81. sanjay says:
    September 2, 2014 at 10:18 am

    may i know that 2.34 load speed is good or bad??

    • Kathryn Aragon says:
      September 2, 2014 at 10:30 am

      Hi Sanjay. That’s pretty good, but anything you can do to shave another second off would be helpful.

    • Neil Patel says:
      September 3, 2014 at 11:34 am

      Sanjay, it really depends on what type of site you are operating.

  82. Anchit Shethia says:
    September 1, 2014 at 11:25 am

    Hey, the tips are awesome, but being a no-code guy, I dont know how to reduce HHTP requests as you mentioned with the 3 points. Where can I get a easy tutorial on making single stylesheet and stuff?

    • Kathryn Aragon says:
      September 1, 2014 at 12:27 pm

      Hi Anchit. I wouldn’t worry about it too much. If you have a WordPress website (or something similar), your stylesheet is built into the template, and unless you’ve added something else, it’s your only stylesheet. When you want to change the appearance of your site, the recommendation is that you make changes to that file rather than putting in-line code in your pages. That extra code, whether in-line or in a second stylesheet, can slow down your site. If you want to learn more about it, I can recommend a book I’ve used: HTML5 and CSS3. For quick reference, I go to W3schools.

  83. Asmar says:
    August 23, 2014 at 3:30 pm

    Very helpful tips, thanks for posting

    • Kathryn Aragon says:
      August 23, 2014 at 3:50 pm

      You’re welcome, Asmar. I’m glad you found it helpful.

  84. Ranjeet Great says:
    July 25, 2014 at 10:07 am

    Thanks for your blog. I learnt so many new things in this blog. Now watching all post of yours.

    • Kathryn Aragon says:
      July 25, 2014 at 1:39 pm

      Thanks, Ranjeet. Glad you found it useful.

    • Neil Patel says:
      July 25, 2014 at 2:51 pm

      Ranjeet, glad we could help 🙂

  85. Darren says:
    July 24, 2014 at 12:35 pm

    Hi guys,
    Have been reading up on all your posts, they seem very well informed comments.

    Could anyone recommend a company that specialises in website speed performance that optimizes a website to dramatically improve performance. I need help as I’m not technically inclined and all of this sounds rather technical.

    For anyone that wants to take a look at my site, it’s http://www.abcenglish.nl Would appreciate all the feedback I can get

    Thanks,
    Darren

    • Neil Patel says:
      July 24, 2014 at 4:04 pm

      Darren, shoot me an email at neil@neilpatel.com 🙂

    • Goran Candrlic says:
      July 24, 2014 at 4:14 pm

      Hi Darren – try http://www.globaldots.com – I work there as a marketing manager and we’re probably one of the few performance optimization consultancies out there.

  86. Janith says:
    July 19, 2014 at 8:13 am

    Thank you so much, This is very helpfull 🙂

    • Kathryn Aragon says:
      July 20, 2014 at 12:17 pm

      Your welcome, Janith! I’m glad you found it useful. 🙂

    • Neil Patel says:
      July 20, 2014 at 7:02 pm

      Janith, glad we could help 🙂

  87. Naveen says:
    June 17, 2014 at 7:00 am

    I have noted that in responsive websites, we do not need a attribute to identify mobile equivalents since the URLs remain the same. Am I right? Or, shall i still incorporate this tag in responsive sites?

  88. Graeme Boulton says:
    June 13, 2014 at 6:36 am

    Good post Kathryn. What’s your view on using average or median as the best metric to analyise load times?

    • Kathryn Aragon says:
      June 13, 2014 at 8:58 am

      Thanks, Graeme. I’m not sure I understand your question. Can you clarify?

  89. Servesh Mishra says:
    May 26, 2014 at 8:30 am

    Hi Kathryn Aragon,
    I have read your blog. it’s very useful for me. i have implemented in our website it’s working faster before than. thanks a lot..

    Thanks
    Servesh Mishra.

    • neil says:
      May 26, 2014 at 10:00 am

      Servesh, glad you find the blog helpful. We look forward to hearing a lot more from you 🙂

    • Kathryn Aragon says:
      May 26, 2014 at 11:57 am

      That’s great, Servesh! I’m thrilled you got such good results. Thanks for letting us know!

  90. John says:
    May 15, 2014 at 8:27 am

    Thanks for this one, i had noticed a page on my site slowing up, gave some of the links here a look to see how to optimie my site, thanks.

    • Kathryn Aragon says:
      May 15, 2014 at 9:47 am

      Your welcome, John. Hope you get your site moving quickly. 🙂

    • neil says:
      May 15, 2014 at 1:40 pm

      John, glad we could help. Thanks for reading. Looking forward to hearing a lot more from you 🙂

  91. SUNISH says:
    May 12, 2014 at 2:14 am

    Thank you so much Kathryn Aragon…….

    • Kathryn Aragon says:
      May 12, 2014 at 9:55 am

      Your welcome, Sunish. Let us know if we can help in any way.

  92. Kathryn Aragon says:
    May 6, 2014 at 10:09 am

    Max, thanks for the tip.

  93. Help Tech says:
    March 7, 2014 at 4:11 pm

    thanks… i am really very happy becoz i get ur article but i need more idea for this topic…. Thanks For Your Information….

  94. Fausta Germani says:
    March 6, 2014 at 3:30 pm

    Hi Kathryn, thank for this guide, I wanted to ask if you had written a guide to loading css from other hosts.

    Thanks

    Fausta

    • Kathryn Aragon says:
      March 6, 2014 at 5:07 pm

      Thanks, Fausta. I haven’t written anything on that, but it’s a great idea. I’ll put it on my list.

      • Fausta Germani says:
        March 7, 2014 at 10:13 am

        Great!

  95. Tamar says:
    December 13, 2013 at 12:32 pm

    Thank you for all these great tips!

    • Kathryn Aragon says:
      December 13, 2013 at 1:05 pm

      Your welcome!

  96. Gemma Weirs says:
    December 12, 2013 at 12:50 pm

    Nice article. Just wanted to add a few points about image optimisation.

    “Crop your images to the correct size. For instance, if your page is 570px wide, resize the image to that width. Don’t just upload a 2000px-wide image and set the width parameter (width=”570”). This slows your page load time and creates a bad user experience.”

    These days we have responsive image techniques which you didn’t mention. Responsive image techniques are increasingly becoming important (and preferred) due to increasing mobile device usage.

    “JPEG is your best option.”

    I don’t agree JPEG is simply the best option in every case. Sometimes it’s better to use PNG-24 (and then using a tool like TinyPNG to reduce the file size) especially where maintaining a high image quality is more of a concern. Remember, JPEG uses lossy compression, and PNG uses lossless compression. One example use case for this would be photography portfolios.

    “GIFs should only be used for small or simple graphics (less than 10×10 pixels, or a color palette of 3 or fewer colors) and for animated images.”

    I also disagree with the idea that GIFs are best used with graphics smaller than 10x10px or with 3 or fewer colours. GIF can be used for any size as long as there isn’t any need for transparency, and provided the graphic in question doesn’t require more than 256 colours. I’ve personally found through comparision, sometimes GIFs still end up being a smaller file size than PNG-8s even after using a PNG optimisation tool. But this will vary, so it’s best to check each time.

    There are workarounds for supporting PNG with old browsers like IE6 or below.

    It also helps to use the CSS sprite technique where smaller graphics (logo, icons, buttons, etc) are combined into one big file, and then positioned as required via CSS positioning. This reduces HTTP requests, which in turn improves page speed. To make this easier, there are online tools that allow you to upload a file containing combined graphics, and then they output the necessary CSS. SpriteCow is one such tool.

    Also, using a CDN for hosting video, audio and image files can help.

    • Kathryn Aragon says:
      December 12, 2013 at 12:55 pm

      Nice pointers, Gemma. Thanks for your input.

    • bill nguyen says:
      July 12, 2015 at 11:20 am

      This is a great idea Gemma. Thank for your share. I am finding a good idea to speed up for my blog. I see that here. Great. Thanks

  97. Adithya Shetty says:
    December 12, 2013 at 8:17 am

    Hi Kathryn,
    Very detailed article on speeding up websites! I’ve already implemented many of the tips like reducing HTTP requests, browser caching, using minify setting etc. still sometimes images slow down my site! as you said, we can’t ignore even a millisecond!
    thanks for sharing!

    • Kathryn Aragon says:
      December 12, 2013 at 10:57 am

      Hi Adithya. Sounds like you’re doing a lot of things right. (I’m impressed!) Have you tried the plugin Smush.it? I’ve heard people say it can make a big difference–if images are the issue, at any rate. Good luck!

  98. Steven says:
    December 12, 2013 at 8:06 am

    Great post, Kathryn. It’s always good to see site speed posts with specific recommendations,

    I covered a case study here on site speed and it’s impact on conversion rate, which increased by 88% when we made the site faster http://tribes.no/2013/10/28/how-website-speeds-affects-online-sales/

    • Kathryn Aragon says:
      December 12, 2013 at 10:58 am

      Thanks, Steven. Appreciate your input.

  99. Ashley @ madlemmings says:
    December 11, 2013 at 1:12 pm

    Great post Kathryn
    And a topic I love dearly. In fact I send subscribers to my blog 5 emails, one per week, showing them how to implement some of these very tips (usually the easy ones) so they can really reduce and measure their load speed.
    I agree that it is really important, and Google uses it to rank pages too
    thanks
    ashley

    • Kathryn Aragon says:
      December 11, 2013 at 5:05 pm

      Thanks, Ashley. Site speed really is a critical issue, especially since people have less and less patience with slow sites. Some of these tips are complicated–but the good news is, you can see real results doing just the simple ones.

  100. Goran says:
    December 11, 2013 at 8:48 am

    Hi Kathryn,

    Thanks for linking back to our blog at globaldots.com/blog/ – you can find a ton of additional web-performance related topics. Website speed influences both conversions and rankings, so it’s imperative that every website is as fast as possible. Feel free to explore the posts and quote some of the findings.

    Cheers,
    Goran

    • Kathryn Aragon says:
      December 11, 2013 at 12:44 pm

      Your welcome, Goran. I look forward to revewing your other posts.

      • Anuj Verma says:
        April 25, 2017 at 8:07 am

        Hi Kathryn Aragon,The article was really helpful and in-depth. You have included so many important points that affect page speed times.Thank You for this article I’ll bookmark it for sure and keep using it now and then.Cheers, Anuj

Show Me My Heatmap

@CrazyEgg thank you for your amazing service! #GrowthHacking #startup #growthtools

Claudio Cuccovillo

@cla_cuccovillo

What makes people leave your website?