Канадский разработчик написал эссе о «засорении» современных сайтов
Новости
Он пожаловался на сайт канала CNN, который загружался 30 секунд, и посоветовал создателям сайтов использовать технологию AMP от Google.
2К открытий2К показов
Разработчик из Канады Ник Хеер (Nick Heer) опубликовал пост Bullshit Web, в котором поделился соображениями о необоснованном нагромождении современных сайтов. По его мнению, они загружаются дольше, чем во времена модемов dial-up.
Создатели интернет-ресурсов надеются на мощность широкополосных каналов связи и современных компьютеров, пишет Хеер. В итоге их ресурсы уходят на обработку дополнительных элементов, а не на увеличение скорости и удобства доступа к контенту.
CNN
Хеер рассказал, что создатели ресурсов добавляют на них новые интерактивные элементы вместо того, чтобы сосредоточиться на оптимизации. В качестве примера он привел сайт CNN, который загружался 30 секунд при подключении к кабельной сети на скорости 50 Мб/с. На одной странице автор поста нашел около ста скриптов общим размером в несколько МБ, 11 шрифтов размером 414 КБ, 4 набора CSS-стилей размером 315 КБ, 20 блоков iframe и 29 AJAX-запросов размером 500 КБ. Также Хеер пожаловался на автовоспроизведение видео и блоки с предложением подписаться на рассылку.
Разработчик советует использовать технологию Accelerated mobile pages (AMP), которая не дает добавить на страницу лишние элементы. По данным Google, AMP-страницы загружаются менее чем за 1 секунду и используют в 10 раз меньше данных, чем те же страницы без AMP.
В мае 2018 года Facebook добавила в платформу Instant Articles поддержку AMP и Apple News ради публикаций контента в любом формате и дизайне.
2К открытий2К показов
Лучшие веб-проекты CodePen 2023 года: карусели, 3D-карты, сили кнопок на все случаи жизни и многое другое. Станут вдохновением для портфолио.
Пройдите небольшое тестирование, чтобы узнать, насколько вы знакомы с Python-библиотеками и фреймворками, которые используют в веб-разработке.
Рассказали о 5 новых функциях в CSS: о cелекторе :has(), запросах к контейнерам, вложенности CSS, text-wrap:balance и :focus-visible.
Оптимизация производительности является ключевым аспектом разработки веб-приложений, особенно когда речь идет о работе с большими объемами данных. Именно такая задача была поставлена перед фронтенд-разработчиками IT Test. Рассказываем, как оптимизировать код и найти баланс между производительностью и читаемостью.