Give Your Visitors Speed With Our Page Speed Optimisation Service

Not only do your customers deserve a fast website. Page speed is also classed as a ranking factor for search engines.

Page speed optimisation service sheffield - conor bradley - sheffield digital agency. Png

What Is Page Speed Optimisation?

Page speed optimisation is the process of speeding up individual web pages to make visitors and website crawlers see the page faster.

A website’s page speed score is determined by the amount of time it takes for a webpage to load. A page’s loading speed consists of many factors, like the server of the website, page file size and image compression.

Get Your Free Website Speed Audit

Our Optimising Process

Audit objectives icon conor bradley digital agency

Page Speed Audit

We will start by running a page speed audit of each page on your website. We do this because each page can load at different speeds due to the content on that page.

Cdn icon conor bradley digital agency

Implementing A CDN

Implementing a Content Delivery Network for Media, CSS & Javascript files to reduce server load.

Optimising media sizes icon conor bradley digital agency

Optimising Media Sizes

We will reduce image sizes while still remaining the best quality making your page size even smaller to improve load times.

Minimising css javascript files icon conor bradley digital agency

Minimising CSS & JavaScript Files

Having large CSS & JavaScript files can drastically slow down page speeds by adding pointless lines of code.

Website caching icon conor bradley digital agency

Website Caching

Implementing a caching solution makes visitors access your page quicker by storing a small snapshot on the server or browser.

Free website migration icon conor bradley digital agency

Moving To Another Host

Sometimes a hosting provider's server is just not fast enough! If this turns out to be the case we will happily move you.

How Is Your Websites Speed?

A websites speed is an important ranking factor for search engines! Are you aware of your current website speeds?

Search any page URL with the page speed testers below and check your performance. You should be aiming for a grade A, Anything less means you should be improving the performance of your website.

Page speed optimisation service sheffield gtmetrix screenshot - conor bradley - sheffield digital agency

What Does A Page Speed Grade Contain?

Whether you’re just starting out or you’re an experienced developer cPanel is one of the most popular
control panels in the web hosting industry

The First Contentful Paint is the time it takes for the first text or image to be seen.

Pagespeed insights screenshot conor bradley digital agency

The Speed Index is how quickly all the contents of a page are visibly loaded.

Pagespeed insights screenshot conor bradley digital agency

The Largest Contentful Paint is the time it takes for the largest text or image to be seen

Pagespeed insights screenshot conor bradley digital agency

The Time to interactive is the amount of time it takes for the page to become fully interactive meaning you can click on links and scroll.

Pagespeed insights screenshot conor bradley digital agency

The Total Blocking Time is the first contentful paint and the Time to Interactive is added together if the task length is more than 50 milliseconds.

Pagespeed insights screenshot conor bradley digital agency

Cumulative Layout Shift is the amount of movement your website has, This is when elements are still loading and changes the layout of the page.

Pagespeed insights screenshot conor bradley digital agency

Simple rules:
It doesn’t work in editor. Preview in Browser for changes!
Add as many accordion items as required.
Every accordion item panel should house only one image!
Open the Elementor Navigator to see the structure and find out required custom class names.
You should define “min-height” of the Inner Section with the custom class name “.ob-img-switcher-wrap” (prevents the adjacent content jumps).
Delete this hidden Text Editor widget once you got the point 🙂

How it works?
Insert any photo from the Media Library to the accordion content panel. That very photo shall become hidden in front-end but visible on-click in the neighbor column.

It’s good idea to make all the images equal size (w/h).

All the required CSS and JavaScript code belongs to Elementor’s Custom Code file, see:
Dashboard > Elementor >Custom Code :: Accordion Image Swapper (OoohBoi)

What SEO Services Do We Offer?

Frequently Asked Questions

  1. Enable a cache solution
  2. Minify CSS, JavaScript, and HTML Code
  3. Optimise image sizes
  4. Use a CDN
  5. Reduce redirects
  6. Remove render-blocking resources
  7. Leverage browser caching
  8. Improve server response time

A CDN is an abbreviation of content delivery network. A CDN is a delivery network that servers media to users that are from a different location to your server. It helps save load time by serving the media on a server closer to that location.

The process of minifying CSS & Javascript files is to make the file size smaller to increase load times. You can minify a file by removing blank spaces & lines between code or removing unused code.

Yes, Google includes page speed into their ranking algorithms.

Companies have even said Google will index your page slower if you have slow loading speeds as they don’t want to make it slower with crawlers.

Site speed plays a ranking factor in googles algorithms. If you have a slow website google reduces the number of crawlers it sends to your site.

Have Any Questions?
Don’t hesitate to contact us.