My Website Page Speed is not increasing

[frazashfaq11]

HEY EXPERTS,

My website page speed is not increasing. I used the wp rocket plugin but still, I am facing errors of Reduce unused CSS, Properly size images, and Avoid serving legacy JavaScript to modern browsers. you can see in the image

I used many plugins for speed optimization but still facing errors. I optimized the images manually by using photoshop but still, I am facing the issue of images size.

After Google Core Web Vital Update my website keyword position is down due to slow speed. Please guide me on how I increase the page speed of my website https://karmanwalayfabrics.pk

Thanks

[ezkrt]

A variety of factors can contribute to a website's slow page speed, and addressing them requires a systematic approach. Here are some common reasons why your website's page speed might not be increasing:

1. Large and Unoptimized Images:

High-resolution images and graphics can significantly slow down page load times. Make sure your images are properly resized, compressed, and served in the appropriate format (JPEG, PNG, WebP).

2. Too Many HTTP Requests:

Each element on a web page, such as images, scripts, and stylesheets, requires a separate HTTP request. Limit the number of elements and use techniques like image sprites, CSS and JavaScript minification, and combining files where possible.

3. Unoptimized Code:

Bloated or inefficient HTML, CSS, and JavaScript code can increase load times. Optimize your code by removing unnecessary characters, white spaces, and comments, and consider using asynchronous loading for JavaScript.

4. Server Performance:

Slow server response times can significantly impact page speed. Choose a reliable web hosting provider with good server performance, and consider using Content Delivery Networks (CDNs) to distribute content across multiple servers.

5. Lack of Browser Caching:

Enable browser caching to allow returning visitors to load your site faster by storing certain elements locally on their devices.

6. Render-Blocking Resources:

JavaScript and CSS files that block the rendering of the page can lead to slower load times. Minimize the use of render-blocking resources and use techniques like asynchronous and deferred loading.

7.Redirects and Broken Links:

Excessive redirects and broken links can increase load times and frustrate users. Minimize redirects and regularly check for broken links.

8. External Embedded Media:

Embedded media from external sources (videos, social media widgets, etc.) can slow down your site if not optimized properly. Use lazy loading for media and ensure external sources are not causing delays.

9. Database and Plugin Overload:

Excessive database queries and numerous plugins can slow down your website. Optimize your database, use efficient plugins, and eliminate those that are not essential.

10. Mobile Responsiveness:

A lack of mobile responsiveness can lead to slow loading times on mobile devices. Ensure your website is fully responsive and optimized for various screen sizes.

11. Unoptimized Third-Party Scripts:

Third-party scripts, such as analytics trackers and social media plugins, can impact performance. Evaluate the necessity of these scripts and their impact on load times.

12. Too Many Ads:

Excessive ads or poorly optimized ad code can slow down your website. Ensure that ads are properly managed and optimized for performance.

To address these issues, you may need to conduct a thorough website audit, use tools like Google PageSpeed Insights, GTmetrix, or Pingdom to identify specific problems, and then implement the necessary optimizations. Remember that improving page speed is an ongoing process, and regularly monitoring and maintaining your website's performance is crucial for a fast and user-friendly experience.

[Kateparish]

Improving your website's speed, especially in the context of Google's Core Web Vitals, can sometimes require a more detailed approach beyond just using plugins. Here's a guide to address the specific issues you mentioned:

Reduce Unused CSS:

• Manual Cleaning: Sometimes plugins or themes may add unnecessary CSS. You can manually review your CSS files to remove any unused styles.
• Use Tools: There are tools like PurgeCSS that can help to remove unused CSS.
• Minify CSS: If not already done, ensure that your CSS is minified. WP Rocket should handle this, but you can double-check.

Properly Size Images:

• Responsive Images: Make sure you're using the srcset attribute on img tags. WordPress generally does this automatically for content added via the block editor.
• Serve Next-gen Formats: Convert images to WebP format. There are plugins like ShortPixel or Imagify that can do this for you.
• Adaptive Images: Use a solution to serve different image sizes based on the visitor's device.
• Critical Images: Only load above-the-fold images initially. Lazy load the rest as the user scrolls.

Avoid Serving Legacy JavaScript to Modern Browsers:

• Use Babel: If you're developing custom themes or plugins, use a tool like Babel to transpile your JavaScript and use the nomodule attribute to serve modern JavaScript to modern browsers.
• Check Plugins and Themes: It's possible one of your plugins or your theme is including legacy JS. It may be worth reaching out to the developers for an update.

Find more tips by the link: https://onilab.com/blog/magento-2-performance-speed-optimization-guide

[Donaldlhartfield]

Hello,

If your website page speed is not increasing, then you must use the websitespeedy tool to help identify performance issues and optimize your website speed. Here are some steps you can take:

Run a speed test: Visit websitespeedy.com and enter your website's URL. The tool will analyze your website's speed and provide a report with recommendations for improvement.

Optimize images: Use an image compression tool like TinyPNG or Smush to compress your images and reduce their file size without compromising their quality. Additionally, ensure that the images are in the correct format (JPG, PNG, GIF) and are optimized for the web.

Preload HTML, CSS, and JavaScript: Preloading HTML, CSS, and JavaScript can help reduce the time it takes for your web pages to load. By preloading these files, you can reduce the time it takes for your web pages to be delivered to your users.

Minimize render-blocking resources: Optimize your website's CSS and JavaScript files to reduce the time it takes to render the page.

Use LazyLoad: LazyLoad is a technique that helps reduce the amount of bandwidth needed to load a page by only loading content when it is needed. LazyLoad can help improve your Page Speed Score by reducing the amount of time it takes for content to be delivered to users.

By implementing these optimizations, you should be able to improve the speed and performance of your website.

[seobrighton]

@frazashfaq11 it also seems that you are suffering from slow server initial response time. I would suggest looking at that as a priority too, this can often counteract any work you are doing to optimise the speed of your site.

What hosting are you on? Is it shared hosting or a VPN?

[JackRoki]

Hi! I am SEO specialist at MjSeo. To solve your problem try to:

1. Minimise HTTP requests.
   Reduce and merge files.
   Now that you know how many requests your site makes, you can start reducing that number. The best place to start is with HTML, CSS, and JavaScript files.
2. use asynchronous loading for CSS and JavaScript files.
3. defer the loading of the JavaScript file.
   Delaying a file means preventing it from loading until other elements are loaded. If you defer large files such as JavaScript, you ensure that the rest of your content can load without delay.
4. Minimise the time to the first byte
   In addition to the amount of time it takes for your page to fully load, you'll also want to look at the amount of time it takes to start loading.
5. Reduce server response time.
6. One of the most important factors affecting the loading speed of your page is the time it takes for DNS to look up the page.
7. DNS, or Domain Name System, is a server with a database of IP addresses and associated host names. When a user enters a URL into their browser, a DNS server translates that URL into an IP address that points to their location on the network.
8. Thus, DNS lookup is the process of finding a particular DNS record. You can think of it as your computer looking up a number in the phone book.
10. Translated with www.DeepL.com/Translator (free version)
    You also can read here to find more useful information.

[Martijn_Scheijbeler]

@frazashfaq11 Hi! I think the Lighthouse output tells you that while you might have resized the images correctly in Photoshop, the width & height attributes aren't added to your image tags in HTML. So what is happening is that the browser can't reserve the actual space for the image upfront as it has to wait for the image to be loaded.