Сайтостроение \ Ускорение сайта

Практический пример: анализ производительности сайтов Walmart

От автора: Walmart является одним из ведущих розничных e-commerce продавцов в США. В 2016 году они были вторыми после Amazon по продажам. В e-commerce скорость загрузки сайта напрямую влияет на конверсию. Для многих компаний e-commerce ускорение сайта на 1 секунду увеличило конверсию в 1.05, 1.1 или даже 1.2 раза . Это потому, что чем медленнее сайт, тем больше пользователей отказывается от него до его загрузки – следовательно, и конверсия меньше.

Продолжить чтение

Сайтостроение \ Ускорение сайта

Измерение веб-сайтов с помощью средств оптимизации Mobile-First

От автора: производительность на мобильных устройствах может быть особенно сложной: некоторые из этих проблем — недостаточно мощные устройства, медленные сети и плохие соединения. Благодаря тому, что все больше пользователей переходят на мобильные устройства, вознаграждения за мобильную оптимизацию растут. Большинство рабочих процессов уже приняли стратегии разработки и проектирования mobile-first, и пришло время применить аналогичный подход к производительности.

Продолжить чтение

Сайтостроение \ Ускорение сайта

7 трюков по улучшению производительности CSS

От автора: каскадные таблицы стилей могут превратить скучные HTML-документы в динамические веб-страницы. Но случайное использование CSS может нанести ущерб веб-сайту еще до рендеринга. В этом руководстве рассказывается о некоторых быстрых и простых способах того, как сделать улучшение CSS для ускорения загрузки вашего веб-сайта.

Продолжить чтение

Сайтостроение \ Ускорение сайта

Убираем блокирующий рендеринг для оптимизации CSS из контента до первого сгиба

От автора: внезапно мне понадобилась оптимизация CSS. Все началось с этого. Я был убежден, что делаю все, по крайней мере, нормально, но Google PageSpeed Insights оценил мою скорость как однозначно «Низкую».

Продолжить чтение

Сайтостроение \ Ускорение сайта

Повышение производительности сайта с помощью ленивой загрузки и разбиения кода

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

Ускоренные мобильные страницы (AMP): повышение конверсии

От автора: мобильный веб не так давно обошел десктоп. Мобильные адаптивные страницы стали стандартом. Но с ростом мобильного рынка всегда есть куда развиваться, если вы хотите улучшить мобильный UX. Один из способов – AMP или ускоренные мобильные страницы.

Продолжить чтение

Сайтостроение \ Ускорение сайта

4 основных совета по оптимизации изображений

От автора: неважно, делаете вы полноразмерные eCommerce сайты или просто онлайн домик для своего портфолио по дизайну, в этой статье вы узнаете пару советов из книги Addy о том, как делается оптимизация изображения.

Продолжить чтение

Сайтостроение \ Ускорение сайта

Как проверить скорость загрузки страницы с помощью Custom Connection Speeds от GTmetrix

От автора: вы можете проверить скорость загрузки страницы на пользовательских скоростях соединения с помощью GTmetrix. Это будет полезно, если вы хотите узнать, как уникальная скорость соединения (высокоскоростная широкополосная связь, корпоративное оптоволоконное соединение и т. д.) может повлиять на производительность вашего сайта.

Продолжить чтение

Сайтостроение \ Ускорение сайта

10-кратное увеличение производительности: Оптимизация статического сайта

От автора: пару месяцев назад я выехал за пределы США и хотел показать другу ссылку на моем личном (статичном) сайте. Я попытался перейти на свой сайт, но это заняло гораздо больше времени, чем я ожидал. Он не содержит ничего динамичного — только анимацию и адаптивный дизайн, но контент всегда остается прежним. Я был поражен результатами, ~ 4 секунды до DOMContentLoaded и 6.8 секунд до полной загрузки страницы. Было выполнено 20 запросов -1 мб всех переданных данных. Я в Лос-Анджелесе привык к гигабитному интернету с низкой задержкой, что заставляет даже этого монстра грузиться очень быстро. Но в Италии, на 8 Мб / с была совсем другая картина.

Продолжить чтение

Сайтостроение \ Ускорение сайта

Если вы точно хотите оптимизировать скорость загрузки своего сайта, вот как это сделать

От автора: помните эту знаменательную сцену из очень известной «Пародии на Звездные войны» на фото ниже? Тогда мы просто посмеялись над тем, как нелепо звучало заявление — Скорость света слишком медленная. Но технологии настолько продвинулась вперед, что загрузка медиа должна быть мгновенной, иначе люди не получат их. Терпение — это добродетель эонов. Но нам этого недостаточно. Нам нужно знать, как оптимизировать скорость загрузки сайта.

Продолжить чтение