Here, we’ll go through conditional loading, the benefits of varying what resources load on mobile and desktop pages and how to do this using the Window.matchMedia() function in your JavaScript file. In our explanation, we’ll use the example of social buttons and examine how features like this affect load time on mobile compared to desktop. What … Read More
Search Engine Optimisation (SEO)
What is CSS @import, and do I avoid it?
CSS @import is when an external CSS file is imported from within another CSS file or HTML page. Typically found in the head of the document, these imports are written as ‘@import url(“style.css”)’. There are various reasons CSS @import may be used – chiefly, it can make things easier to organise when considering a web … Read More
Content Delivery Networks: A Starter Guide
Content Delivery Networks are not often the first step in an SEO plan, but for certain websites they can become an invaluable part of their operations. Here we’re going to go through what Content Delivery Networks are, how they work, whether you need to use one, and which are the best options out there. … Read More
A Guide to .htaccess Files
.htaccess files are text files that tell your server how to handle different aspects of your webpage’s display. These include redirects, protecting directories, enabling compression, rewriting URLs, and more. Take a look at our simple, straight-forward .htaccess guide to get a great overview. What is an .htaccess file? An .htaccess file is a simple text … Read More
Mobile First Explained
Mobile first design is a responsive design approach. Here, we offer an in-depth explanation of what mobile first is and how it optimises mobile user experience. What is mobile first? Mobile first design is a responsive design approach in which pages are designed for smaller screens like mobiles before they are designed for desktops. Mobile … Read More
Media Queries Explained
Media queries make websites look good on different devices. Here, we explain what exactly media queries are and how they work. What are media queries? Media queries are CSS instructions that are integral to creating websites. Media queries allow content to adapt to various screen resolutions, with different CSS instructions being used for different screen … Read More
How to Eliminate Render-blocking JavaScript
Note: JavaScript set-up for web and mobile are not quite the same – if you want to learn more about mobile-specific JavaScript setups, we have a separate article on that! Otherwise, continue reading to find out more about render-blocking JavaScript. Also you may wish to visit our guide on how to remove render-blocking CSS. What is … Read More
Understanding and Fixing Render-Blocking CSS
Render-blocking CSS are CSS files that prevent a web page from loading (that is, rendering) quickly. That being said, it is worth noting that all CSS files slow down page speed, simply because it takes time for these files to be loaded and parsed (looked through) as external resources. Make sure you also check out … Read More
How to Enable Gzip Compression
Gzip compression is a way to compress files like HTML, PHP, Javascript, and CSS files so that they are smaller and is really useful in improving how quickly your web pages loads. Below we’ll give a further breakdown of why using Gzip compression is so useful, how to enable it on different web servers, and how … Read More
How to Prioritise Visible Content
Visible content is your chance to make a good first impression to any new visitor to your site. Here we will look at a few ways you can prioritise your visible content so users get the best possible experience of your web page (and help with your ranking along the way)! HOLD ON! Before you … Read More