Мне было поручено оптимизировать целевую страницу маркетинга для скорости. Это уже хорошо работает, но проблема в том, что он очень тяжелый.
Все, что я бы предположил, это более 30 страниц на одной странице (должно быть так, и все должно быть изображениями по причинам конверсии).
Вот что я сделал до сих пор, но я не уверен, что что-то еще мне не хватает
- Я повторно сжал более 140 jpg на странице до чуть меньших размеров
- Я играл со спрайтами, но большинство изображений все большие (например, целые рамки для отзывов шириной 600 пикселей). Спрайт изображения в конечном итоге, как 2 МБ. По какой-то причине загрузка этой страницы заняла больше времени (почти на 2 с), поэтому я снял их
- Самым важным является то, что все сразу вверху загружается настолько быстро, насколько это возможно для человека, и прежде всего так, чтобы продажа не была потеряна кем-то, начинающим с набора изображений, загружаемых не по порядку. Я использовал некоторые проповедующие изображения с помощью этого метода: http://perishablepress.com/press/2009/01/18/css-image-caching/ - Кажется, он работал довольно хорошо на меньших изображениях, но когда я добавляю фон (который очень интенсивно использует графику), кажется, что все сразу замедляется, например, его пытается сделать определенное количество (5?) изображений за один раз. В идеале я хотел бы сгруппировать первые 4 меньших изображения, которые предварительно кэшируются, а затем выполнить фокусировку всей полосы пропускания на заднем плане, а затем всю оставшуюся часть страницы в стандартном порядке.
- Оценка Google Page Speed составляет 90/100. единственное, что его беспокоит, - это неиспользуемые стили, но меня это не особо беспокоит, потому что его общий объем составляет около 2 КБ ... издержки от 7 МБ изображений намного важнее.
- У меня есть возможность использовать CDN для изображений, но я не уверен, как бы я поступил так или это могло бы помочь?
Я чувствую, что сделал все, что мог, но опять же я мог что-то упустить ...