Как обеспечить браузеру диету

Какому веб-мастеру не хочется, чтобы его супер сайты летали и порхали в браузере. Ведь это такая жопа, когда сайт тормозит, не прорисовывается или по всякому жрет время посетителей.

Если архитектурно ускорить уже не получается, может быть немного помогут 25 советов из статьи «How to lose weight in the browser»:

25. Избегайте использование inline и вложенного кода

24. Стили сверху, скрипты снизу

23. Сжимайте HTML код

22. Включайте асинхронно

21. Сжимайте стили

20. Объединяйте CSS файлы

19. Используйте <link> вместо @import

18. Загружайте сторонний контент асинхронно

17. Храните размер массива

16. Избегайте использование document.write

15. Избегайте излишнего перерисовывания элементов

14. Избегайте излишних манипуляций с DOM

13. Сжимайте скрипты

12. Объединяйте несколько js файлов в один

11. Всегда используйте последнюю версию jQuery

10. Селекторы

9. Используйте for вместо each

8. И не используйте jQuery... … пока в этом нет необходимости :)

7. Используйте CSS спрайты

6. Data URI - Эта техника — альтернатива CSS спрайтам.

5. Не меняйте масштаб изображений

4. Оптимизируйте изображения

3. Используйте умное кэширование

2. gzip

1. Инструмент диагностики — ваш верный друг

http://browserdiet.com/

http://habrahabr.ru/post/178561/

https://github.com/zenorocha/browser-diet/wiki

Смысл этих советов детально расписан в статье, читайте и обрящете.

Особо ценный камент к статье:

http://habrahabr.ru/post/178561/#comment_6207279

original post http://vasnake.blogspot.com/2013/12/blog-post_12.html