Enhancing Website Performance and Addressing Rendering Issues: A Real-time Experience

-

In this blog post, I'll be sharing my recent journey to improve our website's performance using the WPspeed cache plugin. While the plugin significantly enhanced our load times, it also led to some unexpected challenges involving rendering issues and drops in organic visits. Join me as I delve into the details and share the solutions we implemented to overcome these hurdles.

Enhancing Performance with WPspeed Cache Plugin: We kick-started our website optimization by integrating the WPspeed cache plugin, resulting in impressive improvements in speed performance. Notably:Mobile performance soared from 30/100 to 69/100, Desktop performance surged from 72/100 to 89/100 (Screenshot attached)

Unforeseen Challenges: The Firewall Application Impact: Upon installing a "Firewall application" for our website, we encountered a surprising setback. Organic visits plummeted by approximately 34.55%, prompting us to initiate a thorough investigation. Our initial findings revealed that the site's rendering was compromised in Google's search results. Curiously, all other browsers continued to render the site seamlessly.

Identifying Rendering Issues Using Specialized Tools: To pinpoint the rendering issues and better understand how Googlebot interacted with our site, I utilized the following tools:
   1. Google URL Inspection Tool (Screenshot attached)

    2.Cache: Operator (Screenshot)


    3.Google Mobile Friendly Test (Screenshot)


    4.Google Pagespeed Insight Tool (Screenshot)

    5.Rich Results Testing Tool (Screenshot)

The Discrepancy: Browser vs. Google Rendering: Interestingly, while the site displayed flawlessly in various browsers, it exhibited rendering issues when accessed via Google's search results. A revealing screenshot underscores this disparity.

Browser Rendering: Left is Desktop screenshot image and Right is Mobile screenshot image

 Google Rendering:


Diagnostic Steps and Solutions:  

In my pursuit of rectifying the rendering issues, I embarked on a series of steps: Initially, I disabled JS & CSS assets file compression in the WP Speed plugin. As a result, Google Pagespeed Insight Tool indicated improved performance without rendering breaks. However, it's important to note that other tools did not reflect the desired rendering outcome.

Deactivating WP Speed Plugin and Assessing the Outcome:To further troubleshoot, I decided to deactivate the WP Speed plugin and again conducted thorough tests with the following tools:

    1.Google URL Inspection Tool confirmed proper rendering (Screenshot)


    2.Cache: Operator analysis yielded positive results (Screenshot)


      3.Google Mobile Friendly Test exhibited an empty rendered screen (Screenshot). This phenomenon, attributed to JavaScript-based pages, is normal, as explained by Google’s Search Advocate John Mueller.


    4.Google Pagespeed Insight Tool indicated favorable results (Screenshot)

5.Rich Results Testing Tool echoed positive outcomes (Screenshot)


Collaboration with Web Developer and Resolution: Engaging with a web developer, we agreed to disable one cache system, recognizing that simultaneous usage could trigger conflicts. The outcomes were as follows:

  • Deactivating the Website WP Speed plugin led to no rendering issues but poor load performance.
  • Disabling the Firewall cache resolved rendering issues and restored good website load performance.

Conclusion:
My journey to optimize our Southern Cross Group Services website's performance through the WPspeed cache plugin was marked by remarkable improvements and unforeseen rendering challenges. By leveraging specialized tools, collaborating with experts, and judiciously adjusting cache settings, we managed to restore rendering integrity and achieve a balanced blend of performance and presentation. This experience underscores the dynamic nature of website optimization and the importance of adaptability in overcoming unexpected obstacles.

Comments

Post a Comment

Popular posts from this blog

How I Achieved First Page First Position for High Search Volume Keyword on Google SERP

-
Image
In this post, I would like to share my experience of bringing one of our clients to the first page first position on Google SERP for a high search volume keyword. The client, Pothys, is a big brand in the textile industry with a strong reputation in offline marketing. However, their website was not optimized for basic SEO practices, which I discovered during my initial audit. Pothys was facing a common challenge among businesses - ranking high on Google for a high search volume keyword, "Silk Sarees." When I first analyzed the keyword position, the website was ranking at 7th position on the first page of Google SERP. But Pothys was determined to reach the first position. The search volume of the keyword "Silk Sarees" is (49500/month). I identified several issues with the website that were hindering its search engine ranking. These issues included: Keyword cannibalization : The same keyword "Silk Sarees" was targeted on multiple pages on the site, which was...
Read more

Crawled - Currently Not Indexed

-
Image
 What Google's official document says about "Crawled - currently not indexed": "The page was crawled by Google but not indexed. It may or may not be indexed in the future; no need to resubmit this URL for crawling." Source: https://support.google.com/webmasters/answer/7440203?hl=en Case1: I don't want to index these pages (Category, Tag, Dev & Feed): these pages are already marked as "no-index" in the Meta robots tag.  https://scgroup.global/blog/category/ceo-sleepout/ https://scgroup.global/blog/page/9/ https://scgroup.global/blog/category/technology/electronic-security/ https://scgroup.global/blog/annual-ceremony-awards/a2-1024x768/ ttps://scgroup.global/blog/tag/outstanding-guarding-company/ https://scgroup.global/blog/category/events/ https://scgroup.global/blog/hire-commercial-cleaning-service-provider/feed/ https://scgroup.global/blog/mental-health-in-security-industry/feed/ https://scgroup.global/dev2022/about/advisory-board/ https://sc...
Read more

Performance Of Individual Blog Post and Growth Life Cycle

-
Image
I would like to share my experience with our high-quality content journey and the metrics we use to measure the impact of our content activities. In 2018, my manager asked me about the important metrics, such as traffic, ranking, and engagement, for our blog post content after it was published for just one month.  I was told that it takes 3 to 4 months for new content to start ranking and driving organic traffic from an SEO perspective. Below are the important metrics and impact of the blog post content activity details with screenshot images in real-time: The blog was published on September 19th, 2018 -  https://scgroup.global/blog/9-reasons-why-electronic-security-systems-important-business/ Year 2018: First Three months (October 2018 to Dec 2018) organic search: 26 visits in Google analytics. Year 2019: 1)First six months (Jan 2019 to June 2019) organic search: 140 visits in Google analytics. 2)Next six months (June 2019 to December 2019) organic search: 156 visits in Goog...
Read more