Можно ли как-то увеличить время загрузки веб-страницы из-за качества изображения?

Существуют ли какие-либо веб-приемы для ускорения загрузки веб-страницы. У меня есть несколько страниц, на которых есть изображения, созданные в фотошопе, но сохраненные в формате PNG. Из-за этого время загрузки страницы довольно медленное, можно ли как-то ускорить загрузку страницы? Они находятся в районе 1.2/1.5MB


png pageload image-size page-load-time
person xo.    schedule 03.05.2020    source источник

Ответы (3)


arrow_upward
1
arrow_downward

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

Я использовал этот сайт раньше: https://tinypng.com/

Кроме этого, я не уверен, что вы можете «ускорить» время загрузки веб-страницы.

person Richie Tarkowski    schedule 03.05.2020
comment
Да, это то, о чем я беспокоился. Я не был уверен, есть ли какие-либо встроенные инструменты разработки, которые мы могли бы использовать. Я проверю эту ссылку :) Спасибо - person xo.; 03.05.2020

arrow_upward
2
arrow_downward

Уменьшение размера файла было бы значительным преимуществом.

Кроме того, преобразование ресурса в webp для Chrome и Firefox, jp2 для Safari и возврат к png поможет сохранить качество при уменьшении размера файла.

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

person Jordan Cauley    schedule 03.05.2020

arrow_upward
1
arrow_downward

Вы можете проверить изображения своего веб-сайта здесь https://www.imghaste.com/pagespeed/

От 1,2 до 1,5 МБ для каждого изображения — это очень много. Вам необходимо внедрить процесс оптимизации/уменьшения изображений для вашего веб-сайта.

Если вам действительно не нужны изображения в формате PNG, вы всегда можете преобразовать их в JPEG. https://www.imghaste.com/converter

person Giorgos Yiakoumettis    schedule 12.05.2020