Веб-страница
25.3K subscribers
1.53K photos
482 videos
1 file
3.72K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Годная статья про оптимизацию веба: https://tprg.ru/08Fz

Разработчикам удалось увеличить производительность своего сайта в 10 раз. В статье они очень подробно рассматривают способы достижения такого результата.

#фронтенд #оптимизация
Prefetch, preload и другие теги для предзагрузки

Есть много способов повышения веб-производительности. Предзагрузка контента, который понадобится позже, префетчинг CSS, предварительный рендеринг полной страницы или резолвинг доменного имени.

И очень круто, что это всё очень просто реализовано. Пять тегов дают браузеру команду на предварительные действия:
— prefetch;
— preload;
— preconnect;
— dns-prefetch;
— prerender.

В этой статье чётко расписано, что они делают и когда их использовать:

https://tprg.ru/QO5W

#фронтенд #оптимизация
Дельный совет по оптимизации веб-приложений без изменения код на проде от Cloudflare

https://tprg.ru/MURW

Используется Cloudflare Workers для модификации запросов и WebPageTest для самих тестов (если вы этот сервис ещё не используете, то пора бы уже). Например, можно инжектировать в хедер preload для важных скриптов и посмотреть, как это повлияет на время до отрисовки. При этом на проде вообще ничего не поменяется, запросы модифицируются на лету.

Полный доступ к необходимой функциональности Cloudflare Workers обойдётся в 5$.

#фронтенд #оптимизация
Преждевременная оптимизация

Наверняка вы не раз слышали фразу «преждевременная оптимизация — корень всех зол». Читайте мнение разработчика, который считает, что корень всех зол — эта фраза:

https://tprg.ru/spZu

#оптимизация
Несколько годных советов по оптимизации веба. Несмотря на то, что статья от 2018 года, она всё ещё актуальна:

https://tprg.ru/yGtf

#оптимизация
7 советов по увеличению скорости работы сайта

Статья, из которой вы узнаете, как сделать сайт «шустрее»:

https://tprg.ru/CEjF

В материале собраны не только практические советы, но и полезные тулзы для аудита и комплексной оптимизации веб-ресурса, в том числе под мобильные устройства. Попробуйте применить всё это на практике, и вы быстро увидите результат.

Знаете другие способы? Поделитесь в комментариях под статьёй.

#оптимизация
SEO для программиста: выводим сайт в ТОП поисковых систем

Сайт мелкий в «глазах» поисковиков? Исправляем ситуацию: держите практические советы по SEO-оптимизации веб-ресурса. Подробно разобрали грамотный технический аудит и дали ссылки на полезные инструменты:

https://tprg.ru/OsaN

#оптимизация
Ускорение в 30 раз — requestIdleCallback

Автор статьи столкнулся с проблемой медленной обработки фильтров в своём проекте. Дело в том, что происходил расчёт (распределение по типам и раскидывания данных по компонентам для каждого типа) и отрисовка даже в свернутых категориях фильтров. Для решения этого вопроса он решил воспользоваться данным методом.

Эта статья может быть полезна для понимания использования и влияния requestIdleCallback:

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

#оптимизация
🔥6👍4🍓1
Old but gold: ускорение в 30 раз — requestIdleCallback

Автор статьи столкнулся с проблемой медленной обработки фильтров в своём проекте. Дело в том, что происходил расчёт (распределение по типам и раскидывания данных по компонентам для каждого типа) и отрисовка даже в свернутых категориях фильтров. Для решения этого вопроса он решил воспользоваться данным методом.

Эта статья может быть полезна для понимания использования и влияния requestIdleCallback:

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

#оптимизация
👍7
Astro: как сделать сайт молниеносным и приятным

Думали, что фронтенд сегодня — это обязательно килобайты JS и бесконечные SPA? Необязательно. В видео автор показывает, как с помощью Astro и архитектуры островов собрать адаптивный, быстрый и красивый сайт: с Tailwind, React или Vue-компонентами там, где нужна интерактивность, и минимальным JavaScript или максимальным TypeScript в остальном.

Пошагово: от создания проекта до интеграции динамических роутов, работы с серверными данными и оптимизации загрузки. И всё это — за один вечер.

#фронтенд #astro #оптимизация
💩183