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

Тестирование производительности - Speed Index и время до первого байта

От автора: на прошлой неделе я рассказал вам, как я переместил сайт на новый хостинг, и мой сайт теперь работает на сервере с лучшими спецификациями по более низкой цене. Я также поделился результатами теста времени отклика сервера, и хотя теперь на Siteground оно лучше, чем было на моем старом хостинге, больше ничем я похвастаться не мог. Сегодня я хочу поделиться результатами ряда других тестов, которые я провел. Я делал тестирование производительности каждый раз, когда я вносил изменения как на сам сайт, так и на сервер, на котором он находится.

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

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

Ускорение старых сайтов с помощью современных методов Front-End

От автора: ранее в этом году Lullabot был вовлечен в редизайн домашней страницы Pantheon и нескольких целевых страниц. Если вы не знакомы с Pantheon, они являются одной из ведущих хостинговых компаний в пространстве Drupal и WordPress. Временная шкала для этого проекта была очень амбициозной — развертывание должно было произойти до Drupalcon Nashville. Будучи давними партнерами в сообществе Drupal, мы были рады принять это.

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

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

Практический пример: анализ производительности сайтов 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. Это будет полезно, если вы хотите узнать, как уникальная скорость соединения (высокоскоростная широкополосная связь, корпоративное оптоволоконное соединение и т. д.) может повлиять на производительность вашего сайта.

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