#performance #magento #yslow #pagespeed
#Производительность #magento #yslow #скорость страницы
Вопрос:
Я пытаюсь оптимизировать свой сайт, чтобы достичь как минимум 90 на YSlow и PageSpeed. У меня все хорошо. Но в следующем результате показано 4 изображения, загрузка которых занимает 9-10 секунд. Если вы видите детали, это фактически показывает, что из этих 10 секунд 99% приходится только на подключение.
Это хранилище Magento, и я не уверен, что мне следует сделать, чтобы решить эту проблему, потому что изображения не очень большие. http://gtmetrix.com/reports/www.theprinterdepo.com/FyZjLbUX
Спасибо
Комментарии:
1. В вашем вопросе не хватает деталей, которые понадобились бы людям, чтобы помочь вам диагностировать, почему программно обработанное / сгенерированное изображение может занимать больше времени, чем обычно, для загрузки / обслуживания.
2. какие дополнительные сведения вам нужны? это просто обычный html, который я не хотел вставлять сюда, потому что, возможно, он не имеет отношения к делу. Кажется, ответить на этот вопрос сложно.
3. вы пропустили описание того, какие именно изображения, чтобы другие могли реально измерить скорость и увидеть, откуда они берутся, какие заголовки задействованы, вот что имел в виду Алан, говоря о недостатке деталей.
4. Я просто вставил результаты, и вы можете четко видеть изображения с зеленой полосой, которые занимают так много времени. Эти изображения настолько малы, что я просто не могу найти объяснение этим 9-10 секундам. Спасибо @Anton S
5. Загружаются ли изображения так медленно изолированно?
Ответ №1:
Интересно, даже WebPageTest.org показывает те же проблемы, но нет ничего очевидного относительно того, почему это происходит (по крайней мере, для меня), но я могу сделать несколько предположений:
- вы вызываете изображение из файла .css на www.printerdepot.net к изображению на www.printerdepot.com ? (дополнительный поиск в DNS)? Проблема с сегментированием?
- но тогда почему это влияет только на некоторые изображения?
- множество других, возможно, связанных с этим проблем, которые возникают каскадом?
Я бы предложил попробовать преобразовать их в URI данных Base64 и обновить CSS, чтобы увидеть, улучшает ли это производительность. Подробнее см. В этой статье.
Ответ №2:
почему вместо небольших изображений у вас нет только одного спрайта изображения? Это будет намного быстрее (http://www.w3schools.com/css/css_image_sprites.asp ) и вам нужно будет отправить клиенту только одно изображение
Комментарии:
1. это то, что я имею в виду, но с маленькими изображениями, насколько я знаю, лучше всего делать это с маленькими изображениями, но если вы видите изображение, некоторые из проблемных изображений — это баннеры, которые представляют собой большие изображения по размерам, но не по размеру.