Login



Lost Password? Create An Account
Demos

Our Blog

page speed results

The following blog post was written by one of our long time members Niels Klint (known as KlintWeb on the forums). We value him as a member and greatly appreciate that he took the time to write the following post. He explains how he achieves 100% pagespeed score and 100/100 for both the mobile and desktop pagespeed tools using Shape5 templates:

"When my website https://klintwebdesign.dk, needed a new design, I would simultaneously try how far we can go by optimizing SEO, Page Speed - and AMP, which is ongoing too. I have used templates from Shape5 for many years and was no doubt that it should be a template from them again. With Vertex they have a good framework to work with. Page Speed performance has been better than I dared hope for. And when CloudFlare comes with also, it can hardly be better. Although it will always be able to vary slightly depending on network traffic.

The results


1. You can see the test here for GTmetrix and screenshot below https://gtmetrix.com/reports/klintwebdesign.dk/EGRnc8Cp:

gtmetrix

2. Here is a screenshot of the results on Google Page Speed:

google page speed

3. Lastly here is a picture of the results on Pingdom.com:

pingdom

How to achieve these results?


The first precondition for achieving good Page Speed is a good host. My site is hosted by SiteGround - GoGeek with server location in Amstedam, Netherland, because it is the nearest location in relation to Denmark. And, of course with SSL / HTTP2 which is free with Let's Encrypt The template Big Business satisfied the second condition - the code is written so that the site can be optimized with available extensions.

I have used Akeeba Admin Tools for security and optimization of database - optimization of tables and managing database collation to utf8mb4. And last but not least a .htaccess file, which both used to improve security and to control the browser cache and ETTags and forced GZip compression of distorted Accept-Encoding headers etc.

With JCH Optimize Pro I have partly optimized all images and combined some of the background images to sprites. And partly combined and minimized Java and CSS scripts and minimized the HTML code. Missing width and height attributes to elements can also be added with this extension.

The extension 2CSB - 2 Click Social Buttons - doesn't load JavaScripts on the site before the user chooses to share them. In this way we avoid the best possible way to limit external links to scripts that we can not control - cache and ETags.

Open Graph and Twitter Cards integration is made with template overrides. They are made so that there is one og: fallback image if a single article should be missing it.

By hosting the analytics.js file for Google Analytics at the server, it can be added to the browser cache. The file gets updated twice a day with a CRON job. And the script for the analytics tracking has been inserted at the bottom of index.php

The results show clearly that the templates and Vertex from Shape5 meets all preconditions to achieving absolute best performance for Page Speed. So I am very pleased and will certainly continue to use them in the future."

- Niels Klint

In addition to all Niel has added above a quick .htaccess edit to help page speed can be found here: https://magazine.joomla.org/issues/issue-june-2012/item/787-htaccess-File-That-FREAKIN-Works
Tags: Untagged 
Please Note - The comment system is not for product support. If you are in need of support please post your questions in our support forum boards and someone will be happy to assist you from there.
Thank you!

Free Vertex Template & Theme

Free Joomla Template
Are you new to Shape5 and the Vertex framework? Then download our totally free Vertex Joomla template or Wordpress theme to experience the power of the Vertex framework for yourself! This is the same framework that our club products are built off of.
  • Fully Responsive Layout
  • Integrated Bootstrap Styling
  • Easy To Upgrade Framework
  • Custom Module And Column Widths
  • SEO Optimized Layout
  • Right To Left Support
  • And Many Other Great Features!
Joomla Details:

Live Demo Learn More

Wordpress Details:

Live Demo Learn More

Latest Hire a Coder Auctions

Title Lowest Bid
1. Site clean up Private
2. Joomla Home Page Build Out - Shape5 Theme Private
3. FINISH OFF WEBSITE 100.00 USD
4. web developer 30.00 USD
5. Site conversion No bids.

From the Shape 5 Blog

Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $49 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.