У нас есть отзывчивый бизнес-сайт, работающий на html5. Наша цель всегда заключалась в том, чтобы быстро загрузить сайт, чтобы пользователи могли просматривать и получать необходимую информацию, даже если они находятся в области с низкой пропускной способностью. Так как наши пользователи со всех концов света, а соединение inte rnet работает не во всех странах, лучший вариант - доставить контент как можно быстрее. Основная цель - оптимизировать домашнюю страницу по скорости, а остальные страницы можно быстро обслуживать из кэша. На данный момент предприняты следующие шаги:
- основной документ - 10 КБ
- шрифты предварительно загружены в заголовок
- уменьшены и уменьшены css - конечный размер 6 КБ
- используйте cdn для jquery .slim.min. js - размер 25kb
- основное изображение сжато и уменьшено с 600kb до webp - конечный размер 20kb
- favicon - конечный размер 940 байт
- используйте cdn для bootstrap js asyn c загружен - размер шрифта 23kb
- уменьшен - конечный размер 20kb
- шрифт потрясающий локально обслуживается - конечный размер 1kb
- аналитика (также предварительно подключенная), включая googletag asyn c загружено - 50 КБ
- .htaccess отредактировано для кэширования в браузере (изображения, css, js, ico, webp, jpg et c) для повторных посещений.
Сделав все это, загрузка сайта действительно ускорилась, и последовательные результаты для маяка представлены ниже для настольных и мобильных устройств соответственно:
gtmetrix, pingdom имеет сайт загрузка в 1-1,2 секунды последовательно. Домонтент загружен - 910мс. Результаты очень похожи в разных регионах мира (протестировано в 8 разных странах). Наш сайт размещен в hostgator, и они загружают контент. Выше размеры для файлов, которые сжимаются и отправляются в браузеры перед дефлятированием. Я изучал всю сеть, в том числе stackoverflow, чтобы посмотреть, что можно оптимизировать (для первого посещения), чтобы добраться до этого места. Я даже уменьшил html, что негативно сказалось на производительности, поэтому он вернулся к оригиналу. На домашней странице html файла нет комментариев, поэтому ценные байты не теряются, и у нас нет видео. Что еще можно сделать, чтобы сбрить 200-300 миллисекунд? :) Ценю любую ценную информацию / советы. Спасибо.