Two words you often hear together are mobile and site speed. And that’s not without reason because these two go hand in hand. Mobile-friendliness and site speed are some of the most pressing matters we have to deal with as SEOs, developers, and site owners. Measuring page speed has always been something of a dark art. The site speed tools we use today are fairly adequate, but a new tool is trying to come at it from a different, more realistic angle: Google Lighthouse. Here, I’ll take a closer look at how to measure mobile site speed with Google Lighthouse.

Become a technical SEO expert with our Technical SEO 1 training! »

Technical SEO 1 training Info

What is Google Lighthouse?

Lighthouse is a tool built by Google and was originally meant to audit Progressive Web Apps (PWA). The tool executes four audits for accessibility, performance, Progressive Web Apps and an extended list of best practices. Together, these give you an excellent overview of the quality and performance of your website or web app.

Site speed is all about perception and user experience. Speed in numbers means nothing if your site still feels slow. Loads of users around the world are on rather crappy mobile connections of 3G or less. Even with lightning-fast 4G connections, a site can simply feel laggy and slow. And we all know what a devastating effect a slow site can have on your conversion. Shaving milliseconds of the time needed to load your site could make a world of difference.

While testing, Google Lighthouse simulates visiting your mobile site via a flaky 3G connection on a slightly underpowered device. Packets are lost in an attempt to simulate real-world conditions as authentically as possible. After running the test, you’ll get a report with a score and actionable advice with issues to tackle. Granted, the recently updated and redesigned Test My Site by Google is infinitely more beautiful, but also a lot less comprehensive.Yoast Lighthouse Chrome plugin

PageSpeed Insights vs. Google Lighthouse

PageSpeed Insights is probably the most used site speed analysis tool out there. While it gives you a nice score and a list of possible improvements, it hardly gives you an idea of the perceived loading speed of your site. It brutally states that your site doesn’t follow the rules and it should, therefore, be slow for everyone. In addition, PageSpeed Insights gives recommendations that are hard, if not impossible to implement. Getting a 100/100 is a pipe dream for most sites.

The two most important things PageSpeed Insights looks at:

  • Time to above-the-fold load: This is the time that it takes to fully render the above-the-fold content of a page from the moment a user requests your page.
  • Time to full page load: This is the time that it takes to fully render the complete content of a page from the moment a user requests your page.

Lighthouse takes a much more practical approach and puts user experience front and center. It visits your site over a throttled 3G connection so it can emulate what a real visitor in the real world would experience. Instead of just loading your site like PageSpeed Insights does, Lighthouse checks how and when it responds to input. It finds the exact moment when your content is ready to use, so you can try and optimize that when it feels too slow.

What to look for in Lighthouse results

The whole concept of speeding up your mobile site is two-pronged; your site must be fast and it must feel fast. You, therefore, need to get your content on screen as fast as possible. Don’t let people wait. In addition, users must be able to interact with your content as soon as possible. Since Google announced that page speed is a ranking factor for SEO, you need to fix these issues.

What should your priority be? Load your content first. Awesome graphics and killer animations can wait. Your message – and what people are looking for – is most likely in the content. You can load the rest of the content in the background and ease it on the screen later on.

Metrics used

While measuring the performance of your mobile site, Lighthouse uses the following metrics:

  • First meaningful paint: This determines how long it takes for the first meaningful content to appear onscreen. The lower the score, the faster that page appears.
  • First interactive: This measures when a page is minimally interactive. This determines if most UI elements are interactive and if the screen responds in a reasonable manner to user input.
  • Consistently interactive: This measures when a page is fully interactive.
  • Perceptual speed index: This speed index shows how quickly the contents of a page are visibly populated. It also comes with a target loading time of <1,250 ms.
  • Estimated latency input: This measures how long it takes for your page to respond to user input. A high latency will result in a page that feels sluggish or laggy. The target here is <50 ms.
  • Critical requests chain: This network waterfall shows what resources are needed to initially render this page. Prioritize asset loading in the critical rendering path to speed up the page.

The Lighthouse report also features a number of opportunities to improve the site speed of your mobile site, including how much loading time they will save. These include reducing render-blocking stylesheets, render-blocking scripts, properly sizing images and fixing offscreen images.

All in all, Lighthouse gives you a tremendous amount of insight into the performance of your page. Use these insights to your advantage.

How to install Google Lighthouse

Getting started with Google Lighthouse is very easy as it is built into Chrome’s Developer Tools Audit panel (Mac: Shift+Cmd+I. Win: Ctrl+Shift+J or F12). From there, you can run the test and get the full report. In addition, there is a separate Chrome add-on for Lighthouse that adds a button to your toolbar, though using it stays the same.

You can also run Lighthouse as a Node package. This way, you can incorporate the test into your build process. When using the Node package, you will also see that there are a couple of audits that only work in a Node environment and not in the Audits panel of the DevTools.

To install Lighthouse globally from the command line use:

npm install -g lighthouse

If you want to run a test for https://example.com use:

lighthouse https://example.com

The full results of the audit will be available in the terminal, but also in a separate HTML file.

yoast lighthouse devtools audits

Testing Yoast.com in Lighthouse

It’s time to put Lighthouse through its paces. Let’s see what happens when I shine the spotlight of the lighthouse on yoast.com. Some of the audits are most useful for Progressive Web Apps. Now, Yoast.com isn’t available as web app yet, so we’re only focussing on the Performance tab here. This tab shows how your site or app performs currently and shows you ways to improve it.

In the screenshot below, you can see the results for yoast.com. The initial loading of the site is visualized by a bar showing when the content first appears onscreen. It shows how many milliseconds it takes for the content to become visible. The faster, the better.

Lighthouse Performance Report YoastBelow that graphic, you’ll find the most important information, with a green, orange or red bar to show how well the performance is. When you want to optimize the performance of your mobile site, you need to watch the figures for first meaningful paint, first interactive and consistently interactive, as mentioned earlier. Also, try to lower the perceptual speed index and the estimated latency.

From the grades, you can see that yoast.com does OK with a 75 overall score. The first meaningful paint could be a bit better, but the first interactive and consistently interactive are good at 4,360ms. They even happen at the same time. That’s good news, as the site is completely useable at the moment it appears interactive. There also isn’t too much time between the first meaningful paint and the first interactive. While these scores are reasonable, the perceptual speed could be higher. In other words, the site appears to be rather fast but still could use some speeding up in the appearance part.

Optimize your site for search & social media and keep it optimized with Yoast SEO Premium »

Yoast SEO: the #1 WordPress SEO plugin Info

Implementing site speed fixes

There’s a lot you can do to improve your site speed. While explaining all the fixes is beyond the scope of this post, most optimizations can be found in the critical rendering path. The critical rendering path is formed by objects – like CSS and JavaScript – that have to load before the content can show up on screen. If this content is blocked, your page will render slowly or not at all. Pay attention to this and keep the path free of obstacles. Google’s Ilya Grigorik wrote a great guide on how to understand and improve the critical rendering path. And please, don’t forget to optimize your images!

Try it!

Google Lighthouse isn’t the one site speed tool to rule them all, but it is a very valuable addition to your toolkit. We know PageSpeed Insights is a fairly static tool that gives you a high-level overview of the performance of your site. Lighthouse, however, is more fine-grained and gives you immediate feedback based on real-world usage. You should definitely use it along with your other page speed test tools, like WebPageTest and GTmetrix.

Are you using Google Lighthouse? How do you find it? Please share your experiences and tips in the comments. Would love to hear from you!

Read more: ‘Mobile SEO: the ultimate guide’ »

The post Measuring mobile site speed with Google Lighthouse appeared first on Yoast.

After a lot of its and buts, you have finally decided to create a website. A personal website for yourself, or that long overdue website for your business. You know you have to think about design and should supply well-written texts. You’ve already been inquiring about that thing called hosting. You may even have called someone that can build your website for you. All in all, you’re pretty confident that you can now start a website without any problems. But wait. Have you thought about this little thing called SEO?

Become a technical SEO expert with our Technical SEO 1 training! »

Technical SEO 1 training Info

Create your website with SEO in mind

A large part of the search engine optimization process starts with focus: what is your website about? You have to focus on what we sometimes call ‘top tasks’. It’s a term used in mobile UX but it most certainly also goes for that moment when you decide to create a website from scratch. What is the purpose of a visitor coming to your website? And how can we make the journey of that visitor a pleasant journey?

When we discuss SEO with people that want to create a website, we focus on two main areas:

  • The technical side of things
  • Filling the website with content

In this post, I’ll highlight a number of important technical issues. In a follow-up post, I will go into the content side of things.

The technical side of things

With WordPress, it’s easy to build a website yourself. But a lot of you have probably hired a web agency to construct your website for you. That doesn’t mean you can sit back and wait for them to finish. There are a lot of things you can check and optimize yourself.

Speed optimization

One thing you want to pay attention to is the speed of your future website. You can easily check that on websites like Google PageSpeed Insights, or Pingdom. In an ideal world, your web agency has already tested things and your own check of your site’s speed will result in nothing but greens and great ratings. If not, these tools will tell you exactly where you can improve. That could be an image of several MBs that slows down the loading of a page, or the loading of an excessive number of JavaScript files, just to name a few.

If you want to learn more about speed optimization, please read Site Speed: tools and suggestions. And make sure your new website is as fast as possible.

URL Structure

Since you are setting up a new site, you still have full control over your URL structure. In most cases, focus is your friend here. Including dates in blog URLs that aren’t related to dates is my favorite example of what not to do. You just don’t need a date in there, unless you are a news website and that date does matter.

For shop websites, focus the URL on your product. Do people use SKUs to find your products? Include one in the URL. If not, please leave them out. Ground-rule: strip your URLs from anything that’s unnecessary. And if we’re honest: /blog/ isn’t a useful addition to your URL, neither is /shop/.

A small remark about the length of your URL: if you use focus, your URL will never need to be too long. I’m not against long URLs, especially since Google seems to leave them out of the search result pages in a growing number of cases. But a shorter, logical URL is easier to remember. And easier to share offline, for that matter.

Heading tags

One of my favorite subjects: heading tags. HTML5 allows for one H1 per block element, am I right? I still recommend against that. If you use one H1 and one H1 only, you need to make very clear for yourself what the subject or focus keyword of that page is. By restricting yourself to that one H1, you most definitely will add focus to that page. It’ll help you to properly optimize – read more about that further down in this post.

It’s simple:

Make it responsive

The mobile version of your website is equally important, if not more important than the desktop version. Mobile-first, they say. Fact is, that your website probably has as many mobile visitors as it has desktop visitors, of course depending on the type of site you have. I think, therefore, that a responsive site should be the default for every website that has been built in 2010 or later. We all use our mobile devices to browse the web, and your website should be ready for that.

If your web developer tells you that the website is accessible from a mobile device, don’t just trust him/her. Go over your mobile website yourself and check if you, as a visitor, can do all you want and need to do there. I already mentioned our article on mobile UX; use that as a reference when testing your mobile site yourself.

Read more: ‘Mobile SEO: the ultimate guide’ »

Local optimization

We have written a lot about structured data. Using structured data, you can serve Google your address details in the most convenient way. With for instance JSON, or using our Local SEO for WordPress plugin, you can insert a snippet that will help Google to fix your website/business to a location. This information is used for local searches, but will also end up in Google’s Knowledge Graph:

Apple NY Knowledge Graph

So if your business or website is related to an actual location, be sure to optimize for that part of your site right from the start as well. And definitely add your LocalBusiness data right now, if you haven’t done that already :)

Track your traffic

Let’s not forget this one. I have seen my share of websites where the owner told me that conversion was low or that nobody filled out their contact form. But the owner had no idea how many people got to his/her website. No idea what the main landing pages or exit pages were.

If you are serious about your website, at least install Google Analytics or any other preferred statistics app. Collect data about your visitors, and find out what the customer journey on your website is. Find out what pages people like and which pages they dislike. If you want to know more about Google Analytics, please visit our Google Analytics archives for related posts. When you start a website, don’t wait too long before adding Google Analytics, so you can see your traffic grow from day one.

Get your technical aspects right

If you have covered the technical issues of a new website, you’ll have properly prepared your site for all the great content you’ll be adding. Adding content is the next big step in building an awesome website! We’ll deal with how to approach that in a follow-up post tomorrow.

Keep reading: ‘WordPress SEO: The definitive guide to higher rankings for WordPress sites’ »

The post Create a website with SEO in mind: Technical pointers appeared first on Yoast.

At Yoast, we think SEO only works when you use a holistic approach. Just optimizing your page titles isn’t enough. It’s also about site speed and user experience (UX), and great content is obviously a huge part of it. In a holistic approach, SEO has a lot of “teammates” that have to work together. In this post, we’ll go into a number of areas where SEO and UX meet. Come to think of it, in a lot of ways, SEO simply targets the search engines and UX targets the visitor, both with a shared goal: to provide the best experience possible.

Learn how to write engaging copy and how to organize it well on your site: Combine our SEO copywriting and Site structure training. »

Content SEO training bundle Info

Common page elements that influence both SEO and UX

If you just look at the basic elements on a page that influence your SEO, you’ll find a close relation between SEO and UX. I’ll list a few elements that are important for both SEO and UX below.

Page titles and (sub)headings

An optimized page title and related, visible <h1> element will tell Google what your page is about. That page title also informs the visitor what that page is about, already on Google’s result page. So does that <h1> element, obviously. Subheadings like <h2> help both Google and your visitors to scan a page and grasp the general idea of that page.

Read more: ‘How to use headings on your site’ »

External links

An external link in your content tells Google that you respect your sources. It can also increase the odds that your sources will link back to you in their content. For your users, external links will provide a way to access background information, for instance.

Great content

If you provide quality content, people want to link to you, and visitors want to read you. And stay on your pages to finish reading. These incoming links and the time-on-page is something Google will notice. Google could start to consider your content as the main source of information on a certain topic. Just like we are for WordPress SEO. Images and videos create rich content, which both Google and your users enjoy. All in all, it’s clear that there are many areas where SEO and UX meet, right there on your pages.

Keep reading: ‘The importance of quality content for SEO’ »

Site structure

When a visitor ends up on any one of your pages, you want to make sure they know where they are on your website. It should be clear to them that there’s more to explore on your site. If you initially fail to answer the user’s question in Google, at least be so polite as to direct them to it. You want to prevent that click back to the search result pages. That click back to the search result pages is called a bounce. And a high bounce rate can have a negative influence on your SEO. It indicates to Google that you may not be answering your visitors’ search query.

One way to prevent a bounce is to make sure your site structure is clearly reflected on your page. That has to do with an optimized menu, but I think even more with just making sure your website has a good structure. Do keyword research, and set up that site structure the right way. Take our site structure course for more in-depth information on that. Setting up the right site structure, means, for starters, that you make sure that your structure is clear from your breadcrumbs and, at least, reflected your menu. You can also think along the lines of related posts and products, for instance.

By building a nice, hierarchical site structure, you make sure that Google can efficiently crawl your pages and visitors can easily find what they are looking for. SEO and UX are naturally influenced by this.

Site speed

Yes, we also have to address site speed, again and again. It’s one of the things that heavily influences both SEO and UX. Google wants to spend only a certain amount of time each time it’s on your site to crawl it. Visitors don’t like waiting for your content to load. When an SEO recommends lazy loading of images, this improves the experience of both users and Google. If you defer parsing of JS and CSS files where possible, you make sure there is something to see on your page as soon as possible. Again, for both Google and the visitor. It’s not rocket science, right?

Read on: ‘Site speed: tools and suggestions’ »

New to SEO? Learn the Basics of SEO in our Basic SEO course »

Basic SEO training Info

Mobile experience

What goes for site speed, goes for your mobile website as a whole. Yes, it should be fast, but it should also be well-designed and have a killer navigation, so users and Google can find what they are looking for in a heartbeat. That doesn’t involve cramming everything you have into your website menu. But it could mean that you have to think hard about your mobile homepage. Does it cover the main areas of your website, for your user? Does it set a mood and lure or invite your visitors, and any search engine, into the rest of the website as well?

Even button sizes on your mobile website could be of influence here. I’ve written a post a while back on mobile UX you should read. Every one of those recommendations influences mobile SEO as well, directly or indirectly. And feel free to ask Google’s opinion on your mobile website via their Mobile-friendliness test, for instance.

Conclusion: SEO and UX go hand in hand

As you can see, there are many areas where SEO and UX meet. When you keep in mind that Google is becoming more and more human, or at least mimics human behavior more accurately, it’s only logical to see all the overlap SEO and UX have, right?
I think it’s fair to say that almost all optimization you do for your users (UX) has a positive effect on your SEO. This applies the other way around as well: if you deliver a poor user experience, you might see this reflected in the search result pages! Obviously, the impact of that effect may differ from optimization to optimization. But SEO and UX are clearly a great match in our larger concept of holistic SEO!

Read more: ‘What is on-page SEO’ »

The post Where SEO and UX meet on your site appeared first on Yoast.

With our Ask Yoast case studies we help clients with their SEO by reviewing the website and giving clear advice and hands-on tips. Those clients send us their website because they’re curious what improvements can be made to improve the overall rankings. This time, we reviewed the website of a high-quality sun protection brand: Calypso. The brand started many years ago in the UK but is nowadays sold all around the globe. Let’s dive into the website to see what they’re doing well and what things need improvement. 

Improve the sharing experience of your products on social media with the Yoast WooCommerce plugin! »

Yoast WooCommerce SEO pluginBuy now » Info

A clean entrance

On entering the website, we immediately see a clean and inviting homepage. The homepage makes sure visitors can easily navigate to the most important content of the website: the actual products. However, we also see things that can be improved.

First of all, we see the slider on top of the homepage. We’re not a big fan of sliders because different studies show that only around 1% of your visitors would actually click on a slide. Besides, sliders often slow down your website a lot, and there are a lot more reasons which you can find in the post linked above.

We think the slider on Calypsosun.com is even more confusing because it contains a video. When a visitor presses the play button within the video, he or she is sent to the video on YouTube:

Slider image link to video

The play button which sends visitors to YouTube

This means that you say goodbye to your visitors in an early stage of their visit. Try to keep them on your website and send them to your content.

What is the best practice in this case? In our eyes, another image, which is now below the fold on the homepage, would be a great top image:

Sun Protection banner

This banner would be a great top image for the homepage

The image contains some introductory content which tells your visitors what’s on the website. Adding a clear call-to-action below this image would be great. Think of a button with a text such as ‘See all products’ to guide your visitors to the product overview page. Below this call-to-action, you can still show the top sellers as you do now.

What are the site’s pages about?

Google needs to understand what a website’s pages are about before the pages can rank for certain keywords. Of course, textual content tells Google what a page is about. An important part of your text are the headings. Headings are meant to tell Google what the main subject of a page is and what other relevant subjects are on the page. This means that the main subject of a page should always be an H1 heading. Subheadings in the text should be H2 or H3 and less important headings should be H4, H5, etc. We recommend using H4 and higher for headings in a sidebar or footer because Google shouldn’t use those to determine what the page is about.

For example, checking one of the product pages of Calypso, we noticed there is no H1 or H2 heading.

The headings on a product page

The name of the product is an H3 heading, but this should be the H1 heading. The subheading ‘Directions of Use’ doesn’t tell so much about the subject of this page so this could indeed be an H5. When the subheading is relevant to the text, it should be an H2 of H3 heading.

Another way of telling Google what a page or post is about is optimizing your site’s metadata such as page titles and meta descriptions. We noticed that Calypso uses great page titles and meta descriptions so they’ve already understood how important this can be for SEO.

Making your pages stronger

It’s clear that every website needs content to rank for certain keywords. If content is well-structured with headings, and page titles are optimized, it’s time to make your most important pages stronger. For Calypso, their product pages are most important because these reflect the products the company is based on. In this case, the product overview page could benefit from a little more SEO-optimized copy.

You might think that blog posts on the website are less relevant. However, blog posts can be valuable in another way, which we’ll explain in the next paragraph. You’ll always have important content and less important pages and posts, but even those have their purpose.

Let Google know what’s important

How do you let Google know what pages are more important? By adding internal links from all relevant pages to the most important pages, you make those pages stronger. When a certain page has lots of links from relevant other pages, Google understands that this page might contain the most important content around a keyword. Make sure you add relevant anchor texts to the internal links to make Google understand for what keywords the most important pages of your website should rank.

For example, when you write a blog post about the best sun protection for kids, you should add internal links to the actual products. If you use anchor text such as ‘Sun protection for kids’, it will be clear to Google what the relevancy between the pages is. Doing this consistently, your product pages will get more and more links and will become the strongest pages of your website.

The ‘Be Sun Ready’ page could be a great cornerstone article for ranking on relevant keywords. This page, however, could benefit from a few optimizations: they could add links to relevant products in the content and a call-to-action-button to the products page. Doing keyword research should provide them with enough keyword suggestions to make this great page SEO-proof.

The products overview

Navigating to the product overview page, we noticed that the categories are visible in tabs above the products:

Product overview Calypsosun

The categories are shown in the tabs above the products

We recommend adding narrow signs to make sure visitors understand that more content can be found clicking on those tabs. Think of a drop-down sign like we use in our main menu:

Screenshot of the main menu of Yoast.com

The drop-down signs after each menu item

You’ll see that these signs will make it clearer to your visitors that they can click on the tabs. Make your site as user-friendly as possible, because the signals users provide are precious as Google uses these as well in their algorithm. Since SEO and UX are increasingly tied, it’s important to improve those user signals.

Using buttons to guide your visitors

Clear buttons can have a positive effect on the page path visitors take. You can guide your visitors to the pages you want them to go to next page. For example, you could add a button below each product which says ‘More information’. Doing this, you guide the visitors to the specific product pages and you make sure visitors understand that they can find more content related to the product by clicking on it. Now, the only way visitors see that there is a link behind the product on the current overview is by hovering over the image.

The product pages already have clear calls-to-action added: buttons which say ‘Where to buy’:

The ‘Where to buy’ button is a clear call-to-action

However, there is a way to increase the number of clicks on this button. We recommend changing the color of the button into a color that’s not in your color scheme. Doing this, the button will stand out more and might get more visitors to click on the button. Don’t you think the button catches your eye when it’s in another color?

We’ve changed the color of the button to make it stand out more

Of course, if you have a sufficient amount of traffic you can – and should – do A/B tests for these kinds of things. After an A/B test, you can easily conclude what color works best.

The last tip we want to give for the product page is related to the ‘Where to buy’ section. After clicking on the button, a screen pops up with the names of all the different resellers of the products. However, the only supplier which contains a link is Amazon and this logo is placed at the bottom of the popup screen. When visitors come to your website, they are already online, and they might immediately want to buy your products online. This means that it could be a good idea to guide them to Amazon first to give them the opportunity to buy your products directly.

Make sure your website loads fast

An important issue on the website of Calypso is page speed. Page speed is crucial in the eyes of Google and is considered to be a ranking factor in the future mobile-first index. The longer it takes to load a page, the less user-friendly the page is. Probably you’ll agree that it can be annoying if you have to wait too long for a web page to load. Visitors will bounce because of the loading times and this is a negative user signal, like we mentioned before.

Become a technical SEO expert with our Technical SEO 1 training! »

Technical SEO 1 training$ 199 - Buy now » Info

Testing the website of Calypso in the Google PageSpeed Tool we noticed a very low score: 18/100. This means you’ll have to start working on the loading times of the website. All possible improvements regarding speed are listed in the Google PageSpeed tool. We recommend starting with enabling compression and with optimizing images. Resolving those two issues probably results in the quickest and easiest increase in the page speed score.

To sum it up

We really loved reviewing the website of your well-known sun protection brand. You’ve created a very clean and clear website and with a couple of changes, you can improve your site’s SEO as well.

For your homepage, we recommend removing the slider and instead, add a clear image which reflects the website. Some introductory content will tell your visitors what the website is about and with a clear call-to-action you can guide your visitors to the most important pages.

To make those crucial pages even stronger, we recommend setting up an internal linking strategy. Make sure your internal linking reflects the hierarchy of the website to help Google understand the site structure. Besides that, using the right headings will improve the site structure as well.

And last, but definitely not least, working on your site’s loading times can be very beneficial. Increasing the page speed score will be valuable for both your visitors as for your site’s SEO. Good luck!

Read more: ‘Ask Yoast case study: SEO of an online shop’ »

In our Ask Yoast case studies we give SEO advice for websites in a specific market or industry. This time: the website of Slemish Design Studio Architects, the business site of an architect duo. The architects told us that they get great responses from their clients, but is their website optimized for search engines as well? We’ll dive into this architectural website to see what improvements can be made to enhance their site’s SEO.

First impression

The first page we land on is the homepage. We see lots of full screen images of the great work these architects deliver on top of the homepage. Though impressive, the images are shown in a slider. Loyal readers of our blog know that we’re not a big fan of sliders. Many experiments show why you shouldn’t use a slider on your website. Only 1% of your visitors will actually click on a slider, they slow down your website and lots of visitors ignore sliders because of banner blindness. Just to name a few.

Looking at this specific website, the slider images are very big as well. The textual content of the homepage is pushed down. We recommend showing some smaller images on top of the site, instead of the slider, and adding some clear introductory content just below these images. Try adding your USPs to the introductory content: Why should visitors choose you as their architect?

Lastly, by adding a clear call-to-action just below the introductory content you’ll make sure visitors can easily navigate to your most important pages. For example, you could think of a button which says ‘Get inspired by our projects’ or ‘Our services’: decide what the main goal of your homepage is. Just to show you the difference, we’ve created a mock-up of how the homepage could look like after following our advice:

Homepage example of Slemish Design Studio Architects

Beautiful images, too little text

On the ‘The Studio’ page, we notice a tab ‘What we do’. This tabbed content tells visitors what kind of work you do and what type of services you offer. Because of the relevancy of this content, we think these services deserve their own menu item. Visitors who want to know more about your team and your company may click on ‘The Studio’. However, they might not expect to find the services you offer there.

In addition to that, your services are great subjects to write about. Writing nice informational copy about your services will increase your chance of ranking for keywords related to these services. When you add sufficient relevant content, Google will understand that your website has content for people looking for services like yours. This means those people will easily find you. The more your content seems to fit to the needs of people who search for these keywords, the higher you’ll rank in the future.

Make sure you optimize one specific page or post for one subject/keyword. When you optimize one page for more keywords that are too different, it’s unclear for Google what the main subject of the page is. Pages that contain a lot of information about the keywords you really want to rank for, should become your cornerstone content pages. This blog post about cornerstone content explains in detail what cornerstone content means and this blogpost shows you how to incorporate cornerstone content into your website.

Lastly, we think you can improve your content as well by adding more copy to your project pages. Consider writing a nice text about the planning stage of the project, the building stage and the delivery stage of the project, for instance. In this copy you can add relevant keywords for your business. In addition to that, this allows you to internally link to your cornerstone content pages from your project pages. 

Learn how to write awesome and SEO friendly articles in our SEO Copywriting training »

SEO copywriting training$ 199 - Buy now » Info

Structure your text

When you decide to write more copy for your website in the future, make sure the pages and posts have a great heading structure. On your current pages and posts, we noticed that your logo is an H1 heading. However, the H1 heading should describe the main subject of a particular page on your site to help Google understand what the subject of that specific page or post is.

For example, checking ‘The studio’ page, we see the following headings on top of the page:

Headings Slemish Design Studio Architects

Your company name/logo has an H1 tag now, which means that your company name would be the main subject of this page. While in fact, ‘The studio’ is the main subject of the page. So you should change the H2 heading of ‘The studio’ into an H1 heading. Just remove the H1 heading from the logo on every page of the website. We’d advise to check all of your pages and posts and only add one H1 heading, that describes what can be found on there, on each page.

Read more: ‘SEO basics: how to use headings on your site’ »

The right metadata

You’ll need to add relevant keywords to your page titles to help Google understand what your pages are about. Since page titles are still one of the most important ranking factors it’s important to optimize those to the fullest.

Looking at the page title of your homepage, we think you’ve added too many different keywords to show what your website is about:

Adding all different locations to your page title makes it unclear what your website is about. Moreover, the snippet doesn’t look very enticing to click on in the search results. This might cause a low CTR, or click-through rate. If you want to rank for all the different locations, adding separate pages with unique page titles and content for every location would be a better idea.

We’d advise to create appealing page titles and make sure they describe what can be found on that specific URL. For the homepage, use your USP and add a call-to-action such as ‘See our projects here’ to make people click on your page in the search results. Don’t you think a snippet like this will be more appealing to potential visitors?

On top of that, it’s important to be consistent in your branding. Add your company name to every page title. If you do that, people will recognize your page in the search results more easily, because of the brand name in every page title.

Add more relevant content to your blog

Having a blog can be very beneficial for SEO. Adding posts regularly makes it easy to add content about relevant keywords to your website. It helps you to start ranking for new keywords and to keep ranking for the keywords you already rank for.

Slemish Design Studio Architects have a blog and they add new posts regularly, which is great. However, it seems that lots of posts have little textual content. For example, this post only has two sentences:

Blog post of Slemish Design Studio Architects

Google could consider this post as a thin content page, which could hurt your website’s rankings. Since pages like these don’t add much value to your website, you’d better add more content or remove them from your website.

Keep reading: ‘Blogging: the ultimate guide’ »

Create strong cornerstone content

Besides the benefits of adding more content about relevant keywords to a blog, a blog also gives you an opportunity to add more internal links to your most important pages and posts. For example, when you’ve created a separate page for the service ‘Sun Rooms’ you could write a blog post about new innovations for sun rooms. From that post you can add an internal link to the page about the ‘Sun Rooms’ service. Doing this consistently, that service page – which could be a great cornerstone content page if you add sufficient content – will become a better search result, according to Google.

In addition to internal links within a text, you can add a popular, recent or related posts section to the blog. The sidebar is often used to add sections like these. These links in the sidebar will give the posts they link to some extra link value.

Lastly, adding your blog’s categories to the sidebar will give your category pages some more link value too. Consider doing this if you want to rank with your category pages.

A fast loading website

The longer visitors have to wait for your website to load completely, the more likely it gets that some of them will ‘bounce’ back to the search results. A long loading time frustrates visitors, so they might leave your website before seeing any relevant content. Google uses bounce rate, among other things, to determine if a website provides visitors with a good result. When lots of visitors bounce back to Google’s search results quickly, that isn’t a good sign. You might understand that this can harm your rankings.

On top of that, page speed is an actual ranking factor. Google understands that a website with bad loading times probably isn’t the best result. Similar websites that load faster are likely to end up higher in the search results.

We’ve tested the website of Slemish Design Studio Architects and we found a score of 24/100. The score is in red and this means that there’s work to do! Just follow the advice Google gives in the page speed tool as this leads to both a better user experience, as well as better rankings. 

Become a technical SEO expert with our Technical SEO 1 training! »

Technical SEO 1 training$ 199 - Buy now » Info

To sum it up

It was a pleasure analyzing the website of this architect duo. You show some amazing work in the images on the website! Adding a cleaner homepage with a clear call-to-action could result in more conversions, so more actual clients. Also, specific pages for all your services could be valuable for both Google and visitors.

Basically, our most important SEO advice is: make sure Google understands what your website is about. This means you’ll need to write relevant content about keywords you’d like to rank for. Furthermore, optimizing your site’s metadata – like titles and meta descriptions – and headings would be beneficial. With internal links you can connect your content and give your most important pages extra value.

And last, but definitely not least, making your website load faster will really improve your site’s SEO and user experience!

Read on: ‘How to optimize your real estate site’ »

It’s official: Google announced that page speed will be a ranking factor in its mobile-first index. But what does that mean? There’s no beating around the bush anymore: you should work on making your site as fast and accessible as possible. Don’t wait, do it now. I mean it.

For years, we’ve been bombarded by one message: mobile is going to take over the world. We needed to adapt ourselves to this new reality where everyone does everything on their mobile devices. While we still spend loads of time in front of our desktop and laptop machines, we can’t deny mobile is crucial. Just look at the upcoming markets, where people use their mobile for all possible tasks.

We also know that if you want to compete with the big boys, get a solid ranking for your mobile site and make some money from it, you need to take care of a few things. One of the most important ones is page speed. 

Become a technical SEO expert with our Technical SEO 1 training! »

Technical SEO 1 training$ 199 - Buy now » Info

The verdict is in

Let’s look at some recent research: according to Google the average time it takes for a mobile landing page to load is now 22 seconds. Compare that with the three seconds visitors need to decide if they want to stay for your page to load and you will see a huge discrepancy. People are impatient. They want something, and they want it now. While page speed is important for your SEO, it is even more important for your UX, conversion and general customer happiness.

Yes, page speed will be a ranking factor

At the moment, page speed is more of an indicator than a ranking factor. Unless your mobile site is extremely slow, you can still get decent rankings with average page speeds. But it’s been proven time and time again that the speedier your site, the better your results will be.

Google’s latest research shows that the chance of a bounce increases 32% when the page load time goes from 1s to 3s. 1s to 5s increases the chance to 90% and if your site takes up to 10s to load, the chance of a bounce increases to 123%. That’s incredible. For search engines, better results and performance is a sign of a healthy site that pleases customers and therefore should be rewarded with a higher ranking.

Also, Google has recently gone on record saying that page speed will be a ranking factor in its upcoming mobile-first index. Details on how they will evaluate page speed for mobile and calculate rankings are still unknown. But, what we do know doesn’t change much from what we at Yoast have been saying for some time: make sure your site is responsive, as fast as possible, solidly structured, and full of excellent content.

5 ways to speed up your site

Do everything in your power to increase the loading speed of your mobile site. Everyone loves a fast site: we SEOs and search engines, but most importantly, our customers. Firstly, check Google’s PageSpeed Insights tool to see what they advise you to do. Secondly, take a look at the size of your page, as many sites are bloated nowadays. Try to shave off as much as you can by optimizing images, compressing code and loading fewer external scripts and ads. In addition to that, here are five things you can work on:

Activate AMP on your pages

Google’s AMP project is meant to give the web a necessary speed boost. It’s not too hard to implement, and it will give your mobile site a life in the fast-lane. According to Google, AMP is not a ranking factor, but it’s not hard to predict it has a decent chance to become one. Read Google’s documentation on how to implement AMP.

Use HTTP2

That series of tubes we call the internet is at the dawn of a new age. Several new technologies will bring much-needed upgrades to the way the underlying infrastructure has been built. One of these is called HTTP2, and you can already use to speed up your site, barring it uses HTTPS. Find out more on performance optimization in an HTTP2 world.

Switch to PHP7

As we mainly use WordPress in these parts, getting everyone to use PHP7 is a big deal. To get everyone to move from unsupported and unsafe versions, like PHP5.2 and PHP5.3, we at Yoast created Project WHIP. Moving to PHP7 will give your WordPress site a speed boost, keep it secure and make it future proof.

General optimizations

You should already know these tactics. Please use a CDN to make sure that your content is delivered from a location close to the visitor. Use a caching plugin like WP Rocket to keep static parts of your site in the browser cache. Last but not least, please optimize images. That’s low-hanging fruit.

Critical rendering path

Running a PageSpeed Insights test will show you which elements block a page from rendering quickly. The critical rendering path is formed by the object – like CSS and JavaScript – that have to load before the content can show up on screen. If this content is blocked, your page will render slowly or not at all. Pay attention to this and keep the path free of obstacles. At modpagespeed.com you’ll find several open source tools to help you with these issues.

Always work on your page speed

Keep in mind that your work is never done. Your mobile site is never too fast, and your customers will never come flocking to you when you shave off just a little of your loading time. Keep working on it. Now, tomorrow and next month. If possible, try to automate your PageSpeed Insights testing, so you get regular updates. Follow the news to see if there are new ways to speed up your site.

Read more: ‘How to improve your mobile site’ »

In the first post of our metadata series, I discussed the meta tags in the <head> of your site. But there’s more metadata in the <head> that can influence the SEO of your site. In this second post, we’ll dive into link rel metadata. You can use link rel metadata to instruct browsers and Google, for example to point them to the AMP version of a page or to prevent duplicate content issues. The link rel tags come in a lot of flavors. I’d like to address the most important ones here.

Use rel=canonical to prevent duplicate content

Every website should use rel=canonical to prevent duplicate content and point Google to the original source of that content. rel=canonical is one of those metadata elements that has an immediate influence on your site’s SEO. If done wrong, it might ruin it. An example: we have seen sites that had the canonical of all pages pointed to the homepage. That is basically telling Google that for all the content on your website, you just want the homepage to rank.
If done right, you could give props to another website for writing an article that you republished.

If you want to read up on rel=canonical, please read this article: Rel=canonical: the ultimate guide.

Add rel=amphtml to point search engines to your AMP pages

In order to link a page to its AMP variant, use the rel=amphtml. AMP is a variation of your desktop page, designed for faster loading and better user experience on a mobile device. It was introduced by Google, and to be honest, we like it. It seriously improves the mobile user experience.

So be sure to set up an AMP site and link the AMP pages in your head section. If you have a WordPress site, adding AMP pages is a piece of cake. You can simply install the AMP plugin by Automattic and you’ll have AMP pages and the rel=amphtml links right after that.

If you’d like to read up about AMP, be sure to check our AMP archive.

dns-prefetch for faster loading

By telling the browser in advance about a number of locations where it can find certain files it needs to render a page, you simply make it easier and faster for the browser to load your page, or (elements from) a page you link to. If implemented right, DNS prefetching will make sure a browser knows the IP address of the site linked and is ready to show the requested page.

An example:
<link rel="dns-prefetch" href="https://cdn.yoast.com/">

Please note that if the website you are prefetching has performance issues, the speed gains might be little, or none. This could even depend on the time of day. Monitor your prefetch URLs from time to time.

Become a technical SEO expert with our Technical SEO 1 training! »

Technical SEO 1 training$ 199 - Buy now » Info

What about rel=author?

Rel=author has no effect whatsoever at the moment. It hasn’t had any effect we know of for quite a while actually, as Joost already mentioned this in October of 2015. You never know what use Google might come up with for it, but for now, we’re not pushing it in our plugin. It was used to point to the author of the post, giving the article more or less authority depending on how well-known an author was. At the time, this was reflected in the search results pages as well (it’s not anymore). No need to include it in your template anymore.

Other rel elements include your stylesheets (make sure Google can use these) and you can set icons for a variety of devices. SEO impact of these is rather low or simply not existing.

Is there more?

So we discussed meta tags and link rel metadata in the <head> . Is there even more metadata that affects SEO? Yes there is! In our next metadata post, I’ll explore social metadata, like OpenGraph and Twitter Cards. In addition to that, we’ll go intohreflang, an essential asset for site owners that serve more than one country or language with their website. Stand by for more!

Read more: ‘Metadata and SEO part 1: the head section’ »

A revolution is currently going on in the underpinnings of the web. HTTP, the protocol your browser uses to connect to your site, has a new version: HTTP/2. This is not something that should concern the average user, but for web developers, it changes how we do performance optimization entirely. In this short article, I want to explain what performance optimization best practices you can do away with, and why.

What changed?

The most important thing you should know about the new HTTP/2 is that it no longer requires a new request for each file. This is the modification that makes our performance optimization guidelines change so drastically. In the HTTP1 / HTTP/1.1 world, it’d be faster to combine JS & CSS files and even images, so there would be fewer requests between browser and server. In the HTTP/2 world, this type of optimization is no longer needed and can even become counterproductive.

Let our SEO experts analyze and optimize your site: Get Yoast SEO Care! »

Yoast SEO Care$ 199 - Buy now » Info

Can I use this already?

The answer is, fairly simply: yes. If your site is running on HTTPS, then all major current browsers support HTTP/2. You or your hosting company might have to change your server configuration to make sure it supports HTTP/2, but that’s it. Some older browsers might not be able to use it, but your site would still work for them.

So I can use HTTP/2, but should I?

Yes, you should use HTTP/2! It’s a lot faster than old fashioned HTTP1, and when you set it up well, most of your visitors will benefit hugely.

Does HTTP/2 mean I don’t need a CDN?

Even with HTTP/2 you still need a CDN. A CDN delivers content a lot faster than your average server ever will, so your site would still benefit enormously from having one. Every proper CDN will already support HTTP/2.

Performance best practices that changed

The following performance best practices are no longer needed with HTTP/2 and should be done away with:

  • Concatenating CSS and JS files
    As reducing the number of requests is no longer an issue, there’s no reason to do this anymore.
  • Image spriting
    Image spriting is the practice of combining several small images into a larger image so as to reduce the number of requests. This is a cumbersome process with quite a bit of overhead, and HTTP/2 entirely removes the need for it.
  • Domain sharding
    Though this was slightly less common, some heavy sites used multiple CDN domains to serve their files. This because a browser could only open eight parallel connections to a server in the world of HTTP/1 and they’d want to serve more files in parallel. Because HTTP/2 removes the need for parallel connections as there can be parallel downloads within one connection, this best practice becomes counterproductive. The use of multiple CDN domains actually means multiple DNS requests, which slows the site down instead of speeding it up. (Steve Souders, the godfather of web performance, already predicted in 2013 that when HTTP/2 becomes ubiquitous, domain sharding will go away.)
  • Inlining CSS and JS
    Inlining small bits of CSS and JS is a practice that was aggressively pushed by Google. Because the CSS and JS are inline, it cannot be cached properly. As a request for a small file now has no extra overhead, we can do away with this best practice.

Google PageSpeed and HTTP/2

Unfortunately, Google’s PageSpeed tool and many other web performance testing tools are rather slow in their adoption of HTTP/2. They should be changing their guidelines. If a simple HTTP/2 test shows you that a site is capable of using HTTP/2, quite a few of the site speed suggestions are moot. Their documentation speaks of “networking round trips” that simply, in an HTTP/2 environment, don’t happen.

There are people at Google that understand this, of course. This presentation by Ilya Gregorik in 2015 already shows all of that.

Read more: ‘Site speed: tools and suggestions’ »

If you check your site speed with Google PageSpeed Insights you might get the advice to minify your Javascript (JS) and Cascading Style Sheets (CSS) files. Your JS files contain the code for the interactive elements of your website. And in your CSS files you specify the design of your pages. Minifying those files will decrease your page load time, thereby providing a better user experience.

We received a question about minification of JS and CSS files at Ask Yoast. Besides that, we also get the following question quite often when performing one of our SEO reviews:

“Why and how should I minify my JS and CSS files?”

Check out the video or read the answer below!

Optimize your site for search & social media and keep it optimized with Yoast SEO Premium »

Yoast SEO for WordPress pluginBuy now » Info

Minify your JS and CSS files

“JavaScript (JS) is the stuff that makes your web page interactive and CSS is the stuff that makes your web page look good. Basically, these two things are code that you send to the browser, and that the browser needs to render.

A browser, like any other computer program, doesn’t care what the language that it receives, looks like. It doesn’t need the spacing and the comments and all other stuff, that your developer needs to make sense of it all. He needs the structure to get through the code, however the browser has no benefit from that.

Stripping all of that down, actually makes the file that you send to the user a lot smaller. Because when you minify it, you remove all the extra spaces, all the line breaks and all the comments. Stripping all that, can save up to 30-40%, or even 50% of file size in some cases. There really is no benefit of sending that stuff to the end-users, so minifying saves time and money for everyone. 

That’s why you should do it. Good luck!”

If you’re on WordPress, there’s a vast amount of plugins that can help you minify your HTML, CSS and JS files. We generally recommend WPRocket for this and some further improvements to speed up your site.

Ask Yoast

In the series Ask Yoast we do our best to answer your SEO question! Need some help with your site’s SEO? Send your question to ask@yoast.com. You might get a personal answer on video!

Read more: ‘DIY: optimize your browser cache’ »

Having a website, online shop or blog that’s fast is a must nowadays. A fast website doesn’t only give your visitors a much better experience, but it also helps your website to rank. Sending fewer HTTP requests to the server can improve the loading times of your website. But why is that?

What are HTTP requests?

HTTP requests are requests that get sent to the server whenever someone visits your website. These requests can contain a variety of information for the server to process and act upon. The most important part of such a request is the URL. Based on this information, the server will try to return a valid response, such as a file. The first stable implementation of HTTP, HTTP/1.0, does these requests in series. This means that a group of requests needs to be finished before the next group is sent. Obviously, this means that pages with a lot of external files will suffer from longer loading times, making your website slow.

Speeding up initial loading times

As described in the previous section, loading a lot of files one after another will result in longer loading times. Now you might be wondering “How do I speed this process up?”. Luckily, there are a few techniques and advancements in browser technology that can help you with this.

Order a website review and get a plugin of your choice for free. We'll even configure it for you »

Get a Yoast website review€ 699 - Buy now » Info

Browser pipelining

Since the introduction of HTTP/1.1, it has been possible to use a feature called “browser pipelining”. This feature allows the browser to fetch multiple files in rapid succession, without waiting for a previous request to finish. This means that the browser doesn’t have to wait as long to send off the next request.

In theory, this would be a very handy feature to have enabled by default. Sadly, in practice, this system still has some flaws. Due to its asynchronous nature, it’s possible that files load in the wrong order.

Let’s take a custom jQuery plugin as an example of how browser pipelining could do more harm than good. As your custom plugin depends on jQuery, the jQuery library needs to be fully loaded before your plugin can properly run. You might already see where this could go wrong; because browser pipelining doesn’t wait for previous requests, your plugin could load before jQuery. The result? JavaScript errors.

This problem with load order can also easily occur with something like images. In the case of images, it’s possible that the order in which the images get displayed differs from the actual order in your HTML.

HOL blocking

Another phenomenon that sometimes occurs when using browser pipelining is Head-of-line blocking (HOL blocking). What this means is that a particular packet (a part of a file) is keeping another packet of the same file from successfully completing. Other packets can only continue on their way once the delivery of the first package to the browser ends.

Due to the issues mentioned, most browsers disable HTTP pipelining by default. In the latest version of HTTP, aptly named HTTP/2, the issues with pipelining are addressed by using a technique called multiplexing which sends multiple HTTP requests over a single TCP connection. If you want to use this technique, make sure your server and your audience’s browsers, properly support HTTP/2.

Move JavaScript files out of the head section

There’s another way to make your website to load faster without much extra hassle. But first a brief history lesson!

Placing all the required CSS and JavaScript in your <head> section used to be considered common practice. However, the problem with this technique is that the rest of your HTML won’t display because these files block its rendering. This results in your visitors looking at a blank page for a couple of seconds.

As early as 2007, a new best practice surfaced. This best practice recommends moving all the JavaScript from your <head> section to the bottom of your page, just before the </body> tag. Why? Because JavaScript blocks any further rendering of a page until it has loaded all its files. By moving the JavaScript, the page’s HTML renders first instead of last. Sometimes it’s possible that you want the rendering of the page to wait until a particular JavaScript file loads. This would be the only exception when it comes to moving files out of the <head> section of your HTML.

Moving CSS to the bottom of the page is not recommended, as it stops the browser from correctly displaying and formatting your content. This impacts the overall user experience. Nobody wants to visit a website where text jumps around the screen because a stylesheet doesn’t load until the very end. Although moving your JavaScript to the bottom of your page doesn’t reduce the number of HTTP requests, it does help improve the overall experience.

Reduce the number of files

Another option to speed up your website is by limiting the number of files that load. This is because for every file you try to load, your browser sends a separate HTTP request to the server. Fewer files means fewer requests and therefore a faster website.

Most commonly, JavaScript, CSS, and images are the main culprits when it comes to slow loading pages. To combat this, you can use a few techniques, namely:

Minifying and concatenating your JavaScript and CSS files.

By minifying and concatenating assets such as CSS and JavaScript, you not only reduce the overall file size, but you also minimize the amount of files that need to load. A good rule-of-thumb is to group files based on their respective functions; if you have multiple files that do something with image manipulation, it might be a good idea to concatenate those.

Additionally, by limiting the amount of CSS files that load initially, you reduce the overall loading time. In that case, minification and concatenation can help as well. After the initial loading of CSS files, your browser caches it so subsequent requests shouldn’t take up as much time. You can imagine that having a single file with all the relevant CSS, plus the caching, can significantly improve the overall experience.

If you have CSS that is very specific for a particular page, you’re better off loading that file separately. As a result, you won’t unnecessarily ship specific CSS rules that aren’t used elsewhere in your HTML.

There are plenty of online tools to help you with minification and concatenation during development. You can also use a plugin, such as WP Rocket, to help you out with this.

Optimizing images

Some themes are heavily dependent on pictures. Because images are also separate files themselves, they too fall victim to the limitations of HTTP. To get around this, it is possible to make use of a technique called CSS spriting. This technique allows you to take multiple images (usually of a similar size) and reduce them into a single image. Then with some smart CSS techniques, you manipulate the sprite and only display a specific part of it. There are a couple of online tools that can help with this, such as SpriteMe. It’s unnecessary to create sprites for _all_ your images, but it’s worth putting in the extra effort for things like backgrounds and social media icons.

Lazy loading

Another way to ensure images won’t make your pages slow, is using a “lazy loading” plugin. Lazy loading is a technique where some JavaScript looks at the current viewport of the visitor and only loads images that are (almost) within view. A good plugin for this is the Lazy Load plugin which delays loading of images until the user starts scrolling down the page.

Bonus tip: use a CDN

Finally, here’s an extra tip. Content Delivery Networks, or CDNs, are a network of optimized servers across the globe that guarantee fast delivery of static content such as images, CSS and JavaScript. The main advantage of using a CDN is that you’re retrieving content from a separate server. This overcomes one of the HTTP restrictions which limits sending a large amount of requests to a single server in one go. By overcoming this restriction, you can achieve shorter loading times! Another advantage of these CDN’s is that the data comes from a server closest to your visitor’s physical location. Shorter distances to the server means faster data retrieval. It’s possible to use more than one CDN, which means your browser can deal with even more HTTP requests at the same time.

Here at Yoast, we use MaxCDN (affiliate link), but with the rising popularity of CDN’s, there are plenty others to choose from. Once you’ve found a CDN provider of your liking, using a caching plugin like WP Rocket can help you to configure your CDN for your website.

Conclusion: Reduce those HTTP requests

As you can see, plenty techniques are available to decrease the loading time of your website. By far, the biggest improvement you can make is reducing the amount HTTP requests you send to the server. Additionally, making the files smaller through minification can also help speed things up.

So, go forth and optimize your CSS and JavaScript! Lower those HTTP requests! Your visitors and servers will thank you for it.

Read more: ‘Site speed: tools and suggestions’ »