How to improve browser caching. | Community
Skip to main content
chirran414
Level 4
February 20, 2018
Solved

How to improve browser caching.

  • February 20, 2018
  • 6 replies
  • 5082 views

Hi Everyone,

As Google is moving to a more mobile centric focus in algorithms determining organic search rankings. We have been advised that they look at the total time ALL files take to load, with all testing done on 3G connections. Our current load time is being measured as 10 seconds, using https://testmysite.thinkwithgoogle.com/intl/en-us. It has been recommended that we prioritize content so it loads first.

Can someone help me with what are the changes and steps to take care to improve browser caching and prioritize the content load.

Thanks,

Narayana

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by joerghoh

I am not a SEO expert, so I cannot tell, what google mean when they talk about "fast loading". It can be the pure download speed, but on the other hand side it can also mean that the page should not take 10 seconds to render (although all necessary files are already downloaded) due to complex Javascript and CSS.

So a few best practices based on my experience:

  • reduce the number of files you need to download to display a page. 1 HTML, 1 Javascript file, 1 CSS file plus a few assets (images), that's probably the optimal case. I know that it's hard to reach, but you avoiding loading hundreds of files (even small ones).
  • make these files cacheable in the browser and reuse them all over the site. Use the same JS file(s), use the same CSS file(s). Use the standard HTTP caching headers. Leverage Browser Caching  |  PageSpeed Insights  |  Google Developers
  • Use the dispatcher to speed up the loading of the files, which the browser has not yet cached.

That's a few improvements, which do not only improve your SEO ranking, but have a large impact on the experience of your visitors on your site as well.

Jörg

6 replies

kautuk_sahni
Community Manager
Community Manager
February 21, 2018

Which product is in the consideration?

Kautuk Sahni
chirran414
Level 4
February 21, 2018

we are using AEM 6.3.

smacdonald2008
Level 10
February 21, 2018

Dispatcher is the tool that works with AEM and caching content.

kautuk_sahni
Community Manager
Community Manager
February 22, 2018

Please have a look at this documentation :- Dispatcher Overview

Dispatcher is Adobe Experience Manager's caching tool. Using AEM's Dispatcher also helps to protect your AEM server from attack. It also filters the incoming request from client to AEM publish instances.

Configuring:- Configuring Dispatcher

-Kautuk

Kautuk Sahni
joerghoh
Adobe Employee
joerghohAdobe EmployeeAccepted solution
Adobe Employee
February 22, 2018

I am not a SEO expert, so I cannot tell, what google mean when they talk about "fast loading". It can be the pure download speed, but on the other hand side it can also mean that the page should not take 10 seconds to render (although all necessary files are already downloaded) due to complex Javascript and CSS.

So a few best practices based on my experience:

  • reduce the number of files you need to download to display a page. 1 HTML, 1 Javascript file, 1 CSS file plus a few assets (images), that's probably the optimal case. I know that it's hard to reach, but you avoiding loading hundreds of files (even small ones).
  • make these files cacheable in the browser and reuse them all over the site. Use the same JS file(s), use the same CSS file(s). Use the standard HTTP caching headers. Leverage Browser Caching  |  PageSpeed Insights  |  Google Developers
  • Use the dispatcher to speed up the loading of the files, which the browser has not yet cached.

That's a few improvements, which do not only improve your SEO ranking, but have a large impact on the experience of your visitors on your site as well.

Jörg

chirran414
Level 4
February 26, 2018

Thank you Jörg, we are following the same suggestions as mentioned.