Web Performance Optimization – Codesmith

Web Performance Optimization

Since 2010, Google has been accounting for a site speed in its algorithm. Google’s PageSpeed Insights , Website Grader , and GTMetrix are the most popular. Images are one of the most common bandwidth hogs on the web. The first way to optimize your images is to scale them appropriately.

The second way to optimize your images is to compress them. There are several free online tools for image compression, such as , that can reduce your image sizes dramatically without losing quality. Why make visitors download the same things every time they load a page?

How long you store the data depends on their browser configuration and your server-side cache settings. Compression can dramatically reduce your page’s size and thereby increase its speed. Your CSS loads before people see your site.

The longer it takes for them to download your CSS, the longer they wait. Extra spaces in your stylesheets increase file size. First, see if your CMS already minimizes your CSS or if there’s an option for it. HubSpot, for example, already minimizes your CSS by default whereas WordPress or Joomla do not.

Another method that allows even more control is to use the defer or async attributes when placing external js files on your site. And add the little code to ensure it loads when you want it. The importance of your scripts will determine if they get an attribute and which attribute you tack on. More essential scripts should probably have the async attribute so they can load ASAP without holding up the rest of your content.

There will be flashier Javascript, more CSS tricks and more third-party analytics to weigh down our sites. How to Improve Your Page Load Speed by 70.39% in 45 Minutes. Then Google announced, in an effort to improve the web, that page speed was a consideration in how they rank search results.

Because the bandwidth is spread across so many different servers, it reduces the load on any single server and also protects your sites from DDoS attacks and traffic spikes. While researching our guide to the best web hosting , I setup response time monitoring for a range of different web hosting companies. WP Engine‘s server response time was 293ms.

If you’re using a mediocre or low quality web hosting company, stop reading, get started with a host like WP Engine , and come back later if you still have page speed issues. You just need to follow the instructions here to add a bit of code into your htaccess file. Today, designers built WordPress themes with so many bells and whistles that it’s no wonder they take 10 seconds to load.

You can enable Gzip by simply adding the following code into your htaccess file:

# BEGIN GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
# END GZIP COMPRESSION

While 301 (permanent) redirects are preferable to 404 errors (broken links), they’re still not ideal as they slow down the time it takes for the browser to reach the correct version of a page.

We love taking on challenging projects that require full-on content strategy, thoughtful design, demanding development, and ongoing marketing.

Leave a reply:

Your email address will not be published.

Site Footer