Руководство по оптимизации производительности сайта

Если у вас есть собственный сайт — вы наверняка проверяли его работу с телефона. Открыли, полистали, остались довольны: «Всё летает». Но это не гарантия, что так же быстро сайт загрузится у ваших посетителей. Представьте: пользователь заходит на ваш сайт с iPhone (неважно, нового или трёхлетней давности) — и страница зависает, изображения грузятся по одному, скролл дёргается. Через 5–10 секунд он просто закрывает вкладку и уходит к конкурентам. Проблема не в вашем телефоне или интернете, а в скрытых особенностях браузера Safari и устройств iOS. Ниже — руководство по оптимизации, которое поможет избежать таких сценариев. Пройдитесь по чек‑листу и убедитесь, что каждый пункт выполнен. Даже если ваш сайт кажется быстрым, с большой вероятностью он теряет часть аудитории на Safari.

https://habr.com/ru/articles/1018636/

#оптимизация_сайта #скорость_загрузки #Safari #клиентская_оптимизация #http2 #lazy_loading #defer #WebP #Lighthouse #производительность_фронтенда

Now that #Dolby has launched a #patent lawsuit over #AV1, unless I'm mistaken we're about to have a repeat of the #Unisys #GIF patent situation where all #browser⁠s must remove support for widely-used image and video formats, namely AV1, #AVIF, #WebP, #WebM, #VP8, and #VP9.

This is really bad. The only other widely supported video codec is #MPEG-4 (which is also patented) and the only other widely supported lossy image format is #JPEG (which is rather inefficient).

What do we do?

#ComputerScience
#CompSci #HowItStartedHowItsGoing #Meme

Edit: I was annoyed with how crappily low-resolution the imgflip version was (and how they use nearest-neighbor for scaling down their images!), so I recreated the meme entirely in #LibreOffice Draw, saved it at roughly 2.5 times the resolution of the original, and used #WebP compression to make it 1,029 bytes smaller than the original JPEG!! 💪

Веб-графика, которая вредит: что разработчики делают не так

Обратимся к статистике: по данным с https://httparchive.org/ за последние 6 лет средний размер веб-страницы значительно увеличился. Если в декабре 2019 года средний вес десктопной веб-страницы составлял 1,9 МБ, то сейчас он уже 2,9 МБ для десктопа и 2,6 МБ для мобильных устройств. Это рост на 50% за 6 лет, причём изображения составляют до 40% общего веса страницы. С увеличением разрешения экранов, усложнением дизайна и тенденцией к использованию изображений высокого качества нагрузка на сайты продолжит расти. Это напрямую влияет на скорость загрузки, потребление трафика и, в конечном итоге, на пользовательский опыт. Просматривая недавно пул-реквест, я заметил, что туда добавили новые изображения. Меня удивил выбор формата: для картинок без прозрачности использовали PNG. Это кажется избыточным, так как для многоцветных изображений лучше подходят форматы вроде JPEG, которые весят меньше. Я решил провести эксперимент: оптимизировал и переконвертировал изображения в JPEG, WebP и AVIF, сохранив качество на глаз неотличимым от оригинала.

https://habr.com/ru/companies/alfa/articles/1012848/

#Веб #графика_для_сайта #html #css #react #nodejs #avif #webp

https://dev.to/ghostlyinc/how-to-convert-png-to-webp-on-windows-fast-offline-34c4

#webdev #performance #seo #images #webp

Multiple image apps (Gwenview, GIMP, gThumb) crashes when pasting/open image after libexiv2 upgrade #kde #gimp #png #webp #gwenview

https://askubuntu.com/q/1564943/612

suddenly can't open image files #kde #gimp #png #webp #gwenview

https://askubuntu.com/q/1564943/612

#Blender 5.1 supports #AVIF but doesn't change the default image quality. JPEG, #WebP, and AVIF are all set to image quality 90.

If you don't change the value, AVIF files are larger than WebP files.

The same visual quality needs different values.

https://www.industrialempathy.com/posts/avif-webp-quality-settings/