Page Speed optimization
We will do anything that is required to make your website load faster. Have to tell you why it’s important to have a fast website? For example, our website is pretty well optimized: Google Page Speed analysis for PhpNinja More than 85/100 (page speed index) guaranteed
Google Page Speed is not a great indicator, as you see it gives results +/- 30 in many cases. The emulator that they use to carry out the tests with mobile is very old and slow, any WordPress page that uses complex templates will never give a good result of mobile page speed, for example. Gtmetrix.com or pingdom.com are also good tools, perhaps better, but less attractive. In any case, we can optimize your website and the speed/score index that Google gives you. The result is a web page running under https, loading in less than 2 seconds, fully revised, secured and updated. As an example, our page is quite good: Google Page Speed Analysis for PhpNinja, Of course, we will try to reach 100/100, although depending on the template or characteristics and functionalities that are essential, it is not always possible.
Our Page Speed Optimization service includes these tasks:
- HTTPS: SSL certificates installation via Let’s Encrypt. Some fixes related to the new https enabled on your website.
- Complete review
- Assets optimization: HTML, CSS, JS Minificados
- Mobile optimization
- Image optimization
- Fonts optimization
- Caché: Caches review, apache or Nginx, server settings
- Tweaks internal WordPress settings
- Exhaustive review and profiling of your website. What exactly makes your site slow? This is the most important question.
The same day, soon as possible
Optimized websites to date
More than 200
We will use the same tools we used to audit your site at the beginning and in the end. Google Page Insights, SSL Labs and Gmetrix are the most important ones.
For Drupal, Prestashop or Joomla optimization please contact.
WordPress PageSpeed Optimization
We are experts in WordPress Optimizations. We already have our method. Everything starts with a detailed profile of your resources and assets.
Prestashop PageSpeed Optimization
Prestashop optimization is based on a good cache system, product’s thumbnail images optimization, and js/CSS minifications. Also, database are important in Prestashop. If your site is old, probably there are a ton of abandoned carts, temporal data and other unnecessary stuff that you can remove. Always is important to start with a detailed profile of your resources and assets.
DEBUG = TRUE, PROFILE => TRUE
How to optimize any website’s page speed? Including WordPress and Prestashop.
Follow these steps to optimize your website or call us, we’ll do it for you (not for free of course).
- Gather information. What is making the website slow?
- Apply basic optimization settings: Minify assets like js and CSS
- Install a cache
- Reduce the weight of images
- Check database, clean temporary data, optimize databases
These steps would be the basic ones. But the big page speed improvement comes from fixing what specifically makes your website page speed slow. Set DEBUG = true and try to gather information to know exactly what makes your site slow. Database? Images? A specific plugin? Maybe you will need to replace some components.
Description of all Google Page Speed Insights recommendations:
Server response times are low (TTFB)
To improve this metric, you will need to check your hosting and your database. If you put a test.html file in your FTP and it gets a very good page speed index rank, that means that your real site is slow because your hosting or your database. Hostings in the same countries of your visitors are faster than if your hosting is in Kuala Lumpur.
Reduce DOM elements
Avoid multiple page redirects
Use redirectdetective.com to check redirections on your site. Probably you have some old pages or URLs that have been redirected. You cannot do anything with these ones. The less, the better. The important redirections that make your site slow are the ones that are processed before visiting any of your websites, for example, non-www to www, Http to https or both.
Try to minimize this chain to 2 redirections as max. You can modify htaccess for this.
Eliminate render-blocking resources
Remove unused CSS
This opportunity is the hardest, I cannot find a way to accomplish this automatically. Every page might be using different elements, so what is not used on the homepage could be used on another page… We are investigating on how to handle this, like one and unique CSS file per page. Just try to not include 200 lines of CSS just to make a button. Also, take care of third party services that you include, they could be including more CSS too. Also, site builders like DIVI, Elementor, WP Bakery include a lot of unused CSS for unused components. We recommend not to use these “easy to use builders”, they are easy to slow your website.
About Fonts. Ensure text remains visible during Webfont load
Use “swap” when loading google fonts. Also, try to use 2 different fonts max. Sometimes templates are loading some fonts, you are loading others and then you use another plugin that loads more fonts. Avoid this. Use “view source code” and find all google fonts entries. Then just remove unused ones.
Browser Cache. Serve static assets with an efficient cache policy
After using a cache on the server-side, try to establish a cache policy on browser site, install a plugin for browser cache or directly modifying .htaccess. Expiration headers for all different kinds of files.
Avoid chaining critical requests
Avoid this, but if you are using “premium templates” you probably can’t do anything. If you make changes on template core files, they will be overwritten next time you update the template.
Use image files that are no weightier than 200kb (max). Properly size images. If you display an image thumbnail of 150×150 don’t use an image file that is 1500×1200. That is a waste of bandwidth. Images are the major reason behind slow sites.
Use lazy load to load images on demand. If there are images on the footer, lazyload will wait until the user is on the footer to load them.
Try to use webp next-generation format images. Optimized images load faster and consume less cellular data. Image formats like JPEG 2000, JPEG XR, and WebP often provide better compression than PNG or JPEG, which means faster downloads and less data consumption.
Minify CSS and try to serve just 1 CSS file. The less Kbs the better. 1 file!
Modules and plugins can speed up your site by concatenating, minifying, and compressing your CSS.
Use a plugin for it. They will do everything for you.
Enable text compression
Enable gzip and deflate on your server, through .htaccess or ask your hosting. All content will be compressed, less bytes = faster website. Cache plugins do this by default but if modules are not enabled on your server you will need to contact your hosting support.
Preconnect to required origins
Establish early connections. If you cannot find a plugin that do this, identify the third party services or assets you are using, and modify your header.tpl or header.php directly, adding these tags to establish early connections. Like `<link rel=preload>`
Minimize third-party usage
Don’t use hotjar, a chatbot client, google remarketing, hubspot, a video from another source, a complex calendar, google maps … Try to limit the number of external components you do use. At least, don’t load them in every page, do it in one page only.
We know a thing or two about how to make fast websites. Hire us, we fix it you rest easy!