This media is not supported in your browser
VIEW IN TELEGRAM
Годная статья про оптимизацию веба: https://tprg.ru/08Fz
Разработчикам удалось увеличить производительность своего сайта в 10 раз. В статье они очень подробно рассматривают способы достижения такого результата.
#фронтенд #оптимизация
Разработчикам удалось увеличить производительность своего сайта в 10 раз. В статье они очень подробно рассматривают способы достижения такого результата.
#фронтенд #оптимизация
Prefetch, preload и другие теги для предзагрузки
Есть много способов повышения веб-производительности. Предзагрузка контента, который понадобится позже, префетчинг CSS, предварительный рендеринг полной страницы или резолвинг доменного имени.
И очень круто, что это всё очень просто реализовано. Пять тегов дают браузеру команду на предварительные действия:
— prefetch;
— preload;
— preconnect;
— dns-prefetch;
— prerender.
В этой статье чётко расписано, что они делают и когда их использовать:
https://tprg.ru/QO5W
#фронтенд #оптимизация
Есть много способов повышения веб-производительности. Предзагрузка контента, который понадобится позже, префетчинг 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/MURW
Используется Cloudflare Workers для модификации запросов и WebPageTest для самих тестов (если вы этот сервис ещё не используете, то пора бы уже). Например, можно инжектировать в хедер preload для важных скриптов и посмотреть, как это повлияет на время до отрисовки. При этом на проде вообще ничего не поменяется, запросы модифицируются на лету.
Полный доступ к необходимой функциональности Cloudflare Workers обойдётся в 5$.
#фронтенд #оптимизация
Преждевременная оптимизация
Наверняка вы не раз слышали фразу «преждевременная оптимизация — корень всех зол». Читайте мнение разработчика, который считает, что корень всех зол — эта фраза:
https://tprg.ru/spZu
#оптимизация
Наверняка вы не раз слышали фразу «преждевременная оптимизация — корень всех зол». Читайте мнение разработчика, который считает, что корень всех зол — эта фраза:
https://tprg.ru/spZu
#оптимизация
Несколько годных советов по оптимизации веба. Несмотря на то, что статья от 2018 года, она всё ещё актуальна:
https://tprg.ru/yGtf
#оптимизация
https://tprg.ru/yGtf
#оптимизация
7 советов по увеличению скорости работы сайта
Статья, из которой вы узнаете, как сделать сайт «шустрее»:
https://tprg.ru/CEjF
В материале собраны не только практические советы, но и полезные тулзы для аудита и комплексной оптимизации веб-ресурса, в том числе под мобильные устройства. Попробуйте применить всё это на практике, и вы быстро увидите результат.
Знаете другие способы? Поделитесь в комментариях под статьёй.
#оптимизация
Статья, из которой вы узнаете, как сделать сайт «шустрее»:
https://tprg.ru/CEjF
В материале собраны не только практические советы, но и полезные тулзы для аудита и комплексной оптимизации веб-ресурса, в том числе под мобильные устройства. Попробуйте применить всё это на практике, и вы быстро увидите результат.
Знаете другие способы? Поделитесь в комментариях под статьёй.
#оптимизация
SEO для программиста: выводим сайт в ТОП поисковых систем
Сайт мелкий в «глазах» поисковиков? Исправляем ситуацию: держите практические советы по SEO-оптимизации веб-ресурса. Подробно разобрали грамотный технический аудит и дали ссылки на полезные инструменты:
https://tprg.ru/OsaN
#оптимизация
Сайт мелкий в «глазах» поисковиков? Исправляем ситуацию: держите практические советы по SEO-оптимизации веб-ресурса. Подробно разобрали грамотный технический аудит и дали ссылки на полезные инструменты:
https://tprg.ru/OsaN
#оптимизация
Ускорение в 30 раз — requestIdleCallback
Автор статьи столкнулся с проблемой медленной обработки фильтров в своём проекте. Дело в том, что происходил расчёт (распределение по типам и раскидывания данных по компонентам для каждого типа) и отрисовка даже в свернутых категориях фильтров. Для решения этого вопроса он решил воспользоваться данным методом.
Эта статья может быть полезна для понимания использования и влияния requestIdleCallback:
https://habr.com/ru/articles/759150/
#оптимизация
Автор статьи столкнулся с проблемой медленной обработки фильтров в своём проекте. Дело в том, что происходил расчёт (распределение по типам и раскидывания данных по компонентам для каждого типа) и отрисовка даже в свернутых категориях фильтров. Для решения этого вопроса он решил воспользоваться данным методом.
Эта статья может быть полезна для понимания использования и влияния requestIdleCallback:
https://habr.com/ru/articles/759150/
#оптимизация
🔥6👍4🍓1
Old but gold: ускорение в 30 раз — requestIdleCallback
Автор статьи столкнулся с проблемой медленной обработки фильтров в своём проекте. Дело в том, что происходил расчёт (распределение по типам и раскидывания данных по компонентам для каждого типа) и отрисовка даже в свернутых категориях фильтров. Для решения этого вопроса он решил воспользоваться данным методом.
Эта статья может быть полезна для понимания использования и влияния requestIdleCallback:
https://habr.com/ru/articles/759150/
#оптимизация
Автор статьи столкнулся с проблемой медленной обработки фильтров в своём проекте. Дело в том, что происходил расчёт (распределение по типам и раскидывания данных по компонентам для каждого типа) и отрисовка даже в свернутых категориях фильтров. Для решения этого вопроса он решил воспользоваться данным методом.
Эта статья может быть полезна для понимания использования и влияния requestIdleCallback:
https://habr.com/ru/articles/759150/
#оптимизация
👍7
Astro: как сделать сайт молниеносным и приятным
Думали, что фронтенд сегодня — это обязательно килобайты JS и бесконечные SPA? Необязательно. В видео автор показывает, как с помощью Astro и архитектуры островов собрать адаптивный, быстрый и красивый сайт: с Tailwind, React или Vue-компонентами там, где нужна интерактивность, и минимальным JavaScript или максимальным TypeScript в остальном.
Пошагово: от создания проекта до интеграции динамических роутов, работы с серверными данными и оптимизации загрузки. И всё это — за один вечер.
#фронтенд #astro #оптимизация
Думали, что фронтенд сегодня — это обязательно килобайты JS и бесконечные SPA? Необязательно. В видео автор показывает, как с помощью Astro и архитектуры островов собрать адаптивный, быстрый и красивый сайт: с Tailwind, React или Vue-компонентами там, где нужна интерактивность, и минимальным JavaScript или максимальным TypeScript в остальном.
Пошагово: от создания проекта до интеграции динамических роутов, работы с серверными данными и оптимизации загрузки. И всё это — за один вечер.
#фронтенд #astro #оптимизация
💩18❤3