How to increase page speed

Gopala, Page Insights gives you recommendations for page load optimization:

• move references to js to the end of the page - they block loading of other components/content
• optimize images - reduce their size to one you use on the page
• use css/js minification
• enable client caching
• your html/css/js seems to be large - try to reduce their size

See some useful tips for performance optimization here.

I would just add that the performance effect of this is minimal in comparison with other, much more relevant, issues.

If you really want to have fast page load times:

1) Consider using Full output cache (best possible performance - not for dynamic content)

2) Use Partial cache (cache all web parts that get data from SQL or is demanding to render in some other way)

3) Optimize SQL queries by limiting the number of returned data (TOPN, Columns)

4) Optimize SQL queries by avoiding nested loops (don't use repeater in a repeater, don't execute SQL query in a loop ...)

Kentico can help you identify potential problems by using the SQL Debug

Anyway - google's recommendation for frontend are of course useful too so pay attention to that as well.

A quick look at you home page, it has 25 images with total size over 7.6MB. Those wide images can be reduced for friendly web use yet still have good quality.

You have some JavaScripts and CSS files loaded in the header of your homepage.

In my opinion it's perfectly ok to load CSS files in the header of your html, just to ensure that the styles are loaded before the body get's rendered.

JavaScripts on the other hand should be loaded at the bottom of your body, so the scripts don't block rendering your content.

You can achieve that, by putting the css loading inside your master template. Meanwhile this works with custom JavaScripts, there might still be some JavaScript files which are loaded inside the header by Kentico itself.

Further Google Insights tells you to deliver your content compressed by gzip e.g. To achieve this, you have two options.

1. Configure it on IIS
2. Configure it inside your Web.config (useful if you don't have access to the IIS)

You should consider to reconfigure your Caching Settings. There is a useful section in the documentation here.

Another important notice is optimizing images. You should make sure, that you just deliver images, that are big enough for your containers. So if the maximum width of the image that is shown is 600x500px, you need to make sure, that it isn't delivered in 1000x800px. This is a kind of complex topic considering responsive webdesign. Useful for this is the <picture> tag of HTML5, where you can define different pictures for different media queries.

Besides delivering images bigger than they need to be, you should make sure, that they are saved compressed. Most of the time, there is no need to save them at the highest quality available (this is a neat small tool for png compression)