Чаще всего ко мне приходят с одной фразой: «сайт стал тяжёлым». А дальше выясняется, что тяжёлый он у всех по-разному. У одного полминуты молчит сервер, и браузеру просто нечего рисовать. У другого сервер отвечает мгновенно, а страница собирается ещё пять секунд уже на стороне посетителя. Это две разные болезни, и лечатся они противоположными способами, поэтому первый шаг у меня всегда одинаковый: снять показания на ваших настоящих страницах, а не на учебном примере. Главная, раздел, карточка, поиск, форма заказа — и отдельно телефон на нарочно замедленном соединении, потому что именно там видно, сколько человек на самом деле ждёт.
Из замера вырастает перечень причин, и он почти всегда короткий: база, которую одна страница дёргает сотнями однотипных запросов; фотографии, лежащие в размере прямо со съёмки; десяток скриптов и шрифтов, держащих отрисовку; кеша нет вовсе либо он настроен так, что не срабатывает ни разу. По этому перечню я и работаю — кеш страниц и объектов, сжатие ответов, изображения в современных форматах и в тех размерах, в которых они действительно показываются, отложенная загрузка нижней части страницы, заголовки HTTP-кеша, настройка веб-сервера и пула процессов под вашу посещаемость.
И три оговорки, которые лучше услышать до начала, а не после. Перед работами делается резервная копия, и каждая правка вносится так, чтобы её можно было откатить отдельно от всех остальных. Корзина, оформление заказа и личный кабинет из кеширования исключаются — на таких страницах посетитель увидел бы чужие данные, и это не тот размен, на который стоит идти ради выигранной секунды. Назвать конкретный балл в популярной проверке до замера я не берусь, и не берусь намеренно: это была бы догадка с видом обещания. Итог работы — повторный замер тем же способом и отчёт, в котором цифры «до» и «после» стоят рядом, а не пересказываются словами.
По пунктам:
— замеры до и после, одинаковым способом и на одних и тех же страницах;
— перечень причин торможения с пояснением, что чем вызвано;
— настройка кеша страниц и объектов, исключения для личных страниц;
— сжатие и современные форматы изображений, корректные размеры;
— отложенная загрузка, разбор блокирующих скриптов и шрифтов;
— настройка веб-сервера и пула процессов;
— проверка на мобильном устройстве и на медленной сети;
— отчёт с цифрами и рекомендации, что не стоит трогать и почему.
Из замера вырастает перечень причин, и он почти всегда короткий: база, которую одна страница дёргает сотнями однотипных запросов; фотографии, лежащие в размере прямо со съёмки; десяток скриптов и шрифтов, держащих отрисовку; кеша нет вовсе либо он настроен так, что не срабатывает ни разу. По этому перечню я и работаю — кеш страниц и объектов, сжатие ответов, изображения в современных форматах и в тех размерах, в которых они действительно показываются, отложенная загрузка нижней части страницы, заголовки HTTP-кеша, настройка веб-сервера и пула процессов под вашу посещаемость.
И три оговорки, которые лучше услышать до начала, а не после. Перед работами делается резервная копия, и каждая правка вносится так, чтобы её можно было откатить отдельно от всех остальных. Корзина, оформление заказа и личный кабинет из кеширования исключаются — на таких страницах посетитель увидел бы чужие данные, и это не тот размен, на который стоит идти ради выигранной секунды. Назвать конкретный балл в популярной проверке до замера я не берусь, и не берусь намеренно: это была бы догадка с видом обещания. Итог работы — повторный замер тем же способом и отчёт, в котором цифры «до» и «после» стоят рядом, а не пересказываются словами.
По пунктам:
— замеры до и после, одинаковым способом и на одних и тех же страницах;
— перечень причин торможения с пояснением, что чем вызвано;
— настройка кеша страниц и объектов, исключения для личных страниц;
— сжатие и современные форматы изображений, корректные размеры;
— отложенная загрузка, разбор блокирующих скриптов и шрифтов;
— настройка веб-сервера и пула процессов;
— проверка на мобильном устройстве и на медленной сети;
— отчёт с цифрами и рекомендации, что не стоит трогать и почему.
