ReactJS & Server-Side Rendering

Media and Publishing Company - ETV Bharat - A leading comprehensive Digital National News platform conceived to deliver seamless news and information services (in 13 languages), using video-centric Mobile App and Web Portals.

Achievements

$500

monthly savings Due to SSR & Cache Impl.

2 sec

Improved page performance

1 sec

Google crawling avg. response time

350%

Increase in Organic Traffic.

Challenges

The client’s website/m-site pages were on a legacy version of angularJS with client-side rendering and the existing framework was not technically optimal for SEO thus Google bots not encountering the actual content and elements of the pages in the source code.

Though Prerender.io was implemented to make the site more SEO friendly and enhance Google bot crawling and indexing, there were no considerable results realized by the client. There are over 100K article pages which was incurring a prerender license (retainer) cost to client for caching, indexing and rendering.

Non-responsive website, Low page performance, Low volume of organic traffic, Page ranking, and Non-AMP are also other concerning factors to the client.

Solution

Client has deployed ViuStats to immediately address the technical SEO issues while working closely with their current IT vendor and Prerender.io team.

After an extensive and deep-dive analysis, ViuStats has designed a strategy comprising a short-term and long-term solution to work on the immediate concerns while working on a long-term, sustainable and robust solution.

Prioritized Article Detail page for migration; from legacy angularJS to ReactJS framework with server-side rendering (SSR) and setting up of Next.js library.

Designed a project plan on implementing Accelerated Mobile Pages framework for article detail pages.

Outcome

~350% increase in Organic Search based on the client’s google analytics report for 2 month period.
Improved Avg. response rate (0.8 sec and 0.3 sec for web and m-site resp.) of google crawling & indexing.
Nearly 76% of increase in New Users and ~50% in User Retention.
Monthly Cost Saving of ~$500 USD due to SSR and Cache implementation through reactJs.
Improved page load performance of article detail page: from ~9 sec to less than 2 sec.
~50% of additional traffic realized from AMP pages based on the client's google analytics report for a 2 month period.
With AMP implementation, Google started storing more than 50k ETV pages at google cache.
Migrated from non-responsive to a responsive website thus leading to low operations cost and infrastructure expenses.

Reach us