GTmetrix requires JavaScript to function properly. Please enable JavaScript in your browser and refresh the page to ensure the best GTmetrix experience. Get started for free. Set up an alert and get notified when your page underperforms. We'll send you an alert linked to a full report so you can know what happened. See how your page performs in 22 different global test locations and make sure it loads fast for all your visitors worldwide. Need to use GTmetrix in a professional capacity?
Sign up today and get a suite of features and options to make optimizing your website speed clear and easy! How fast does your website load? Find out with GTmetrix See how your site performs, reveal why it's slow and discover optimization opportunities. Log in to change options. Ads can really impact your performance - Check out this comparison with and without Adblock enabled.
This means that when a user returns to your site, it will load faster. If you use a VPS or dedicated server, you can also enable object caching to speed up dynamic elements on your site. 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.
You can add lines of code that tell browsers what to cache and how long to store it, which will look something like this :. 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. Images can play a major role in your site speed. One of the best ways to get your conversion rate to this level is including lots of helpful product images.
This means that if you want to run a successful eCommerce site , images are absolutely necessary. That also means image compression i s critical — 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.
R educing their size could likely have a big impact on how long the page takes to load. 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 px wide, resize the image to that width. 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. You can also use this plugin to automatically resize all of the new files you upload.
Before adding an image to your site, upload it into this tool and select whether you want lossy or lossless compression. JPG is generally your best option for photos. This data loss is undetectable to viewers in photos, but results in a smaller file size than most image file types. PNGs, on the other hand, use lossless compression. 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.
In particular, make sure to avoid empty image src codes. 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. 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. With a CDN, you cache your site on a global network of servers. Your network might look something like this :. 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. The exact improvements vary between page, with pages that have lots of large images benefitting the most from a CDN. They have more data centers and focus solely on improving load times. 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. These should typically be cdn. This naming format is standard practice and will be easiest to remember if you ever run into issues or need to consult a developer. And if you want to use Cloudflare, the process is even simpler.
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.
Log into your registrar and navigate to your nameserver records. This is different for each registrar. You should see one for your root domain, and one wildcard subdomain record. But once they do, your CDN is serving the secure version of your site — exactly like your origin server. You create, edit, and export the video file. Your first thought might be to upload the video directly to your site via your FTP or WordPress editor. When you host videos on your own server, they take up a ton of space.
Video files can easily take up over MB. 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.
Instead, host your video on a third-party service like YouTube , Vimeo , or Wistia. When most people think of online video, they think of YouTube. The biggest potential advantage to YouTube is that it can help you reach a larger audience. The one notable downside to YouTube is that it has a minute limit for most videos.
After YouTube, Vimeo is the second-largest video hosting platform with 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. 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. 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.
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. If you have more than one external CSS file, each one adds to your page load time. Fortunately, this is a simple process, and one that can usually be accomplished with nothing more than copy and paste.
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 section 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. With lazy loading, it can load the content within view first, then load all of those photos after.
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 is an extremely simple plugin that uses jQuery. 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.
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. 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. This gives you more control over the speed and function of how your page loads. WP Rocket. If you already use WP Rocket , you can also use the plugin to enable lazy loading. You can also use snippets of code to disable lazy loading for specific types of pages, like your home page or blog page.
Inspect your Google PageSpeed Insights score, recommended improvements, important page metrics, and page-load progression waterfall report. Then, as your page loads, the tool tracks every detail along the way. You can see how your website performance compares across different devices and networks from regions all around the world.
You may also catch some misbehaving third-party content providers in the act of slowing down your site. With the website speed check, you know the quantity and size of your page elements, the allocation of images, script files, CSS files, HTML files, and the domains the elements come from.
The waterfall report gives you the URL, the load progression, the request and response headers, and the connection details for each element. You can spot slow-loading elements, failed elements, and bottlenecks within your page, so you know where to apply your efforts to bring your performance budget back under control.
Sure, Chrome users make up over 60 percent of the browsing public, but that still leaves millions of people using competing browsers. Firefox and IE have roughly 16 percent of the market share for desktop users. Make sure all of your other users have a great experience too.
Uptrends always uses the latest browser versions for your website speed tests. Most other speed-test services use older browser versions. The free website speed check lets you choose from 10 worldwide locations sign up and get access to checkpoints. We locate our checkpoints on the ground in or near the cities where your users live, so you get performance data that mirrors your users' experiences. You can spot latency problems affecting your users and fix them. You might have the best content, but your mobile speed can drag you down.
Everyone loves a fast loading website; in fact, fast loading pages lead to higher conversions, reduced bounce rates, and better user retention. The speed test tool gives you optimization suggestions you need to focus your efforts and get the best results.
Do you need to save your results for later or share them with someone else to see your test results?
0コメント