15款网站测速工具2017

The speed of a website can be a critical factor to its success. As discussed in our Content Delivery Network: A Beginners’ Guide, faster loading websites can benefit from higher SEO rankings, higher conversion rates, lower bounce rates, longer visitor duration on site, better overall user experience, and engagement. That is why it is important to take advantage of the many free website speed test tools available out there so you can achieve optimal performance .

Google Wants Your Site to Load in Less Than a Second

What Can a Website Speed Test Help You Analyze?

Here are just a few of the common ways websites speed test tools are used:

  • Pinpointing scripts, fonts, and plugins causing load time issues (HTML, Javascript, CSS)
  • Checking minification of your scripts
  • Finding large images resulting in bottlenecks
  • Determining if you have render-blocking JavaScript or CSS
  • Testing Time to First Byte (TTFB)
  • Analyzing total load times, page sizes, and # of requests
  • Checking performance from different geographical locations
  • Checking rendering speed in different browsers
  • Analyzing HTTP Headers
  • Measuring performance of your Content Delivery Network
  • Verifying that assets are loading correctly from your CDN

Website Speed Concepts

speed test concepts

Before running a website speed test it is important to understand a few concepts behind how these tools work so that you can better analyze the data and then optimize your site accordingly. Not only can you test the speed of your web host, but you can also measure your CDN performance.

Time to First Byte (TTFB)

Time to first byte (TTFB) is the measurement of the responsiveness of a web server. Basically it is the time it takes your browser to start receiving information after it has requested it from the server. By using a CDN you can dramatically reduce the impact of the load on your origin server, which in turn should help decrease your TTFB.

Read more about time to first byte and time to last byte.

Render-Blocking Javascript & CSS

Render-blocking refers to Javascript and CSS that are keeping your page from loading as quickly as it could.

Javascript

Google recommends removing or deferring javascript that interferes with loading the above the fold content of your webpages. Here is a great tutorial on how to properly defer javascript loading.

Example of deferring javascript by placing it just before your </body> tag.

function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;

CSS

You will then also want to optimize your CSS delivery to keep it from causing delays on page load. Here are a few ways to fix this:

  1. Properly call your CSS files
  2. Lessen the amount of CSS files
  3. Use less CSS overall

Here is a great article on render-blocking CSS by Ilya Grigorik, a web performance engineer at Google.

CSS is a render blocking resource, get it down to the client as soon and as quickly as possible to optimize the time to first render!

Minification of Resources

Minification of resources means removing unnecessary characters from your HTML, Javascript, and CSS that are not required to load, such as:

  • White space characters
  • New line characters
  • Comments
  • Block delimiters

This speeds up your load times as it reduces the amount of code that has to be requested from the server. You can use a tool like Dan’s CSS and Javascript Minify to remove all the unnecessary characters. Or if you are running WordPress you can use a plugin like Autoptimize which will minify all of your HTML, Javascript, and CSS for you.

HTTP Requests

When your browser fetches data from a server it does so using HTTP (Hypertext Transfer Protocol). It is a request/response between a client and a host. In general the more HTTP requests your web page makes the slower it will load.

There are many ways you can reduce the number of requests such as:

  • Combining your CSS and Javascript files
  • Inline your Javascript (only if it is very small)
  • Using CSS Sprites
  • Reducing assets such as 3rd party plugins that make a large number of external requests

List of Website Speed Test Tools

Now that you have a basic understanding of the web performance concepts above, check out these 15 free tools below for testing your website’s speed. Each of them offers their own unique features, reporting, and different ways to dissect your results.

Note: It is also important to realize when running tools like these that a 1st time DNS lookup will usually be slower. If you are comparing total load times it is sometimes better to run tests multiple times and take an average of the results.

Tools Index

  1. KeyCDN Speed Test
  2. Google PageSpeed Insights
  3. Pingdom
  4. GTmetrix
  5. WebPageTest
  6. Varvy Pagespeed Optimization
  7. UpTrends
  8. dotcom-monitor
  9. PageScoring
  10. Yellow Lab Tools
  11. Google Chrome DevTools
  12. Sucuri Load Time Tester
  13. Pagelocity
  14. YSlow
  15. PerfTool
普人特福的博客cnzz&51la for wordpress,cnzz for wordpress,51la for wordpress