All geek questions in one place

Improving page rendering speed

We are launching a web service that fights some very high page rendering times, especially IE8 (about 20 seconds). We are very able to create high-performance backend systems, but not so skillfully optimizing the interface.

Currently it seems (from newrelic) that the rendering and dom-parsing page is the biggest problem.

We tried to optimize the js scripts and that helped a bit, but still the page is terribly slow in IE8, and I feel that some low hanging fruit is there. My problem is that I really don’t know where to start, and what will work, and if there are red lambs that I don’t see. I need an experienced look.

Can someone help me in the right direction (I'm open to everything!)?

Slow page is here: slow page

PS. we run Rails 3.2

+4
source share
3 answers

  • I recommend analyzing your site using the tools above ( YSlow is also a good tool) Or using this online Pingdom tool. There you will see a very simple way when your speed is gone.

  • Theres a free, affordable summary of performance optimization books in Hooopo's answer (which are excellent!) Yahoo! Developer Network

  • "Currently it seems (from newrelic) that the rendering and dom-parsing page is the biggest problem." Therefore, I recommend you study this book: High Performance Javascript by Nicholas K. Zakas.

  • Put as much JS as possible at the bottom of the page to improve progressive rendering.

  • I sometimes found CSS selectors that are a bit long (it doesn't matter if this is a small site, but in this case ..). this can make your page very slow, especially in IE.

Example (from your site):

table.results_table td.car_details .content > .left { ... }

Try breaking this big selector into this (if possible):

 .car_details .content .left-child { ... }

Short: optimize JS performance and keep your css selectors as small and simple as possible.

Hope this helps.

+4
source

To optimize the interface, try these two tools and follow its recommendations:

http://www.webpagetest.org/

https://developers.google.com/speed/pagespeed/insights

You can also use css sprite image to reduce HTTP requests. Try https://github.com/Compass/compass-rails

+2
source

Source: https://habr.com/ru/post/1415585/

More articles:


All Articles