AbanteCart Community
General Topics => General Discussion => Topic started by: refspot on December 17, 2022, 02:29:55 PM
-
Hey,
I need help with the website speed, it's showing very low in Google Page Insights.
-
try running some of these site analysis - they will also provide some insights and some fixes.
If you have lots of images that are too large, that can really slow your site
These are free tools:
https://tools.pingdom.com/ (https://tools.pingdom.com/)
https://gtmetrix.com/ (https://gtmetrix.com/)
-
Websit sepeed is an important factor that can affect user experience, search engine rankings, and overall website performance. Here are some tips for improving website speed:
Optimize images: Large image files can slow down website loading times. You can optimize images by compressing them without sacrificing quality or by reducing their dimensions. Use image compression tools or plugins to compress your images before uploading them to your website.
Minimize HTTP requests: Each time a user requests a page from your website, the server must respond with HTML, CSS, JavaScript, and other files. Reducing the number of files that need to be loaded can improve website speed. You can do this by combining and minifying CSS and JavaScript files and reducing the number of plugins or external scripts that you use on your website.
Use a content delivery network (CDN): A CDN can distribute website content to servers around the world, reducing the distance between the server and the user and improving website speed.
Enable caching: Caching allows users to store a copy of your website files on their devices, reducing the number of requests to your server and improving website speed. You can enable caching using plugins or by configuring your server settings.
Use a reliable web hosting service: The quality and performance of your web hosting service can affect website speed. Choose a web hosting service that is reliable, fast, and has good technical support.
Regularly update your website software: Keeping your website software up to date can improve website performance and security. Updates can fix bugs, improve speed, and introduce new features.
Monitor your website speed regularly: Use website speed testing tools like Google PageSpeed Insights, GTmetrix, or Pingdom to monitor your website speed regularly and identify areas for improvement.
By implementing these tips, you can improve your website speed and provide a better user experience for your visitors.
-
As complement to the detailed answer posted by georgeplunkit, here's what I would try first:
- Optimize image sizes. Use the webp format for pictures, with lossy compression. The quality can often be set to as low as 40% to 70%. Save a few picture in different qualities: 40%, 50%, 60%, 70%, 80%. Compare how much the size varies, and save your picture with the lowest quality that you consider being acceptable for your visitors.
Batch converting images to webp is possible with Irfanview as well as other softwares.
If you cannot use webp, use JPEG. In the rare case you would need a lossless compression (in webp or png) to keep some edges sharp, decreasing the color depth to 256 colors will reduce the image size. However, this is not as much as efficient as a lossy compression.
- Host your website on a quality hosting. Shared hosting is enough if you take a good one. Price is typicaly around 5$-7$ a month. Don't take a too cheap hosting as they will have to excessively share available hardware ressources.
- Avoid special fonts as much as possible, as they have to be downloaded when visitors reach your web site. If you are using some custom theme, make sure it is not calling too much ressources like special fonts.
- Use minimized (=compressed) versions of Javascript libraries and scripts. Compress them if this was not already done.
- When visiting the site from your browser, hit the F12 key, go to the Network tab and see which ressources take time to load.
-
Hey,
I need help with the website speed, it's showing very low in Google Page Insights.
Hi refspot,
Improving website speed can significantly enhance user experience and SEO rankings. Here are some steps you can take to boost your website's speed:
- Optimize Images: Ensure all images are compressed and properly sized. Tools like TinyPNG or JPEG Optimizer can help.
- Enable Browser Caching: This allows static files to be stored in the user's browser for a set period, reducing load times for returning visitors.
- Minify CSS, JavaScript, and HTML: Remove unnecessary characters from your code without changing its functionality. Tools like UglifyJS, CSSNano, and HTMLMinifier can assist with this.
- Use a Content Delivery Network (CDN): CDNs distribute your content across multiple servers worldwide, reducing the distance data must travel to reach your users.
- Reduce Server Response Time: Aim for a server response time of less than 200ms. This can often be improved by choosing a better hosting plan.
- Eliminate Render-Blocking Resources: Ensure that no JavaScript or CSS files block the rendering of your page. Asynchronous loading and deferring non-critical resources can help.
- Enable Gzip Compression: Compressing your files can drastically reduce the size of data sent from your server to the user's browser.
For detailed insights and specific recommendations, you can use tools like Google PageSpeed Insights, GTmetrix, or Pingdom.
-
To improve your website speed based on Google PageSpeed Insights, try these steps:
Upgrade Hosting: Ensure you’re using fast, reliable hosting to improve server response times.
Use a CDN: Implement a Content Delivery Network to distribute content globally and reduce load times.
Enable Caching: Set up browser and server caching to store static resources for quicker access.
Minify Files: Compress CSS, JavaScript, and HTML files to eliminate unnecessary data.
Reduce Third-Party Scripts: Limit external scripts and plugins that slow your site.
Optimize Images: Compress and convert images to formats like WebP for efficiency.