ݺߣ

ݺߣShare a Scribd company logo
G̶o̶o̶g̶l̶e̶ ̶P̶a̶g̶e̶S̶p̶e̶e̶d̶ ̶I̶n̶
s̶i̶g̶h̶t̶s̶
За сколько грузится
ваш сайт на самом деле?
WordPress Poltava Meetup 2020
● WordPress фан с 2010
● Оптимизирую скорость сайтов
● Ускоряла сайты в составе
● Со-организатор WordPress Kyiv
● Другие мои доклады по оптимизации
https://sabrinazeidan.com/
Сабрина Зейдан
G̶o̶o̶g̶l̶e̶ ̶P̶a̶g̶e̶S̶p̶e̶e̶d̶ ̶I̶n̶s̶i̶g̶h̶t̶s̶. За сколько грузится  ваш сайт на самом деле? [WordPress Poltava Meetup 2020]]
G̶o̶o̶g̶l̶e̶ ̶P̶a̶g̶e̶S̶p̶e̶e̶d̶ ̶I̶n̶s̶i̶g̶h̶t̶s̶. За сколько грузится  ваш сайт на самом деле? [WordPress Poltava Meetup 2020]]
ЗМЕРЯЕМ
G̶o̶o̶g̶l̶e̶ ̶P̶a̶g̶e̶S̶p̶e̶e̶d̶ ̶I̶n̶s̶i̶g̶h̶t̶s̶. За сколько грузится  ваш сайт на самом деле? [WordPress Poltava Meetup 2020]]
G̶o̶o̶g̶l̶e̶ ̶P̶a̶g̶e̶S̶p̶e̶e̶d̶ ̶I̶n̶s̶i̶g̶h̶t̶s̶. За сколько грузится  ваш сайт на самом деле? [WordPress Poltava Meetup 2020]]
G̶o̶o̶g̶l̶e̶ ̶P̶a̶g̶e̶S̶p̶e̶e̶d̶ ̶I̶n̶s̶i̶g̶h̶t̶s̶. За сколько грузится  ваш сайт на самом деле? [WordPress Poltava Meetup 2020]]
ЗМЕРЯЕМ 1:
Как измерять
скорость загрузки?
[правильно]
ЗМЕРЯЕМ
Оценки, проценты,
зеленый цвет
*во всех инструментах
ЗМЕРЯЕМ Первое важное :
Скорость загрузки
измеряется в секундах
Мой сайт грузится за
2 секунды!
ЗМЕРЯЕМ
ЗМЕРЯЕМ
ЗМЕРЯЕМ 2 секунды - это какой момент в
загрузке?
ЗМЕРЯЕМ 2 секунды - это в каком
городе?
ЗМЕРЯЕМ 2 секунды - это на десктопе
или на мобильном? Wi-Fi/3G?
Cable
3G
ЗМЕРЯЕМ 2 секунды - это первый визит
или повторный?
ЗМЕРЯЕМ 2 секунды - это какая страница:
главная/товар/категория?
ЗМЕРЯЕМ
1. момент в загрузке?
2. локация сервера?
3. тип соединения/устройство?
4. какой визит?
5. какая страница?
Нужно понимать, в каких условиях был
выполнен тест:
Ок, так что тестировать?
ЗМЕРЯЕМ
ЗМЕРЯЕМ
1. Speed Index или Time To Interact
2. локация пользователя
3. тип соединения пользователя
4. первый визит и повторный
5. разные типы страниц
Реальную скорость для реальных
пользователей сайта:
ЗМЕРЯЕМ Второе важное :
Измерять скорость нужно
правильно:
для реальных пользователей
ЗМЕРЯЕМ Чем измерять скорость :
1. WebPageTest.org
2. Chrome DevTools
(Network + Audits)
ЗМЕРЯЕМ A PageSpeed Insights?
ЗМЕРЯЕМ Удобно использовать для
подсказок:
1. https://developers.google.com/sp
eed/pagespeed/insights/
2. https://gtmetrix.com
ЗМЕРЯЕМ Третье важное :
Использовать
WebPageTest или
Chrome DevTools
ЗМЕРЯЕМ
Количество запросов и вес страницы
Как читать отчет:
ЗМЕРЯЕМ
Количество запросов и вес страницы
Как читать отчет:
ЗМЕРЯЕМ Как читать отчет:
ЗМЕРЯЕМ Как читать отчет:
ЗМЕРЯЕМ WebPageTest
ЗМЕРЯЕМ WebPageTest
ЗМЕРЯЕМ Chrome DevTools -> Network
ЗМЕРЯЕМ Четвертое важное :
Смотреть на Waterfall
ЗМЕРЯЕМ
Какая скорость —
хорошая ?
1. Speed Index < 3 seconds
2. Request count < 50
3. Page weight < 500KB
Несколько цифр:
* Рекомендации Google 2019
ЗМЕРЯЕМ
1. Speed Index = 6.08 seconds
2. Request count = 124
3. Page weight = 3.18 MB
Еще цифры [Настоящие]
* Средние для США, отчет Google, 2019
ЗМЕРЯЕМ
ЗМЕРЯЕМ
Photo creds to @Rarst
ЗМЕРЯЕМ
на 20% быстрее конкурентов
— это хорошая цифра
ЗМЕРЯЕМ Пятое важное :
Знать цель
ЗМЕРЯЕМ
1. Скорость измеряется в секундах
2. Измерять нужно правильно [5]
3. WebPageTest или Chrome DevTools
4. Смотреть на Waterfall
5. Знать цель
Выводы [Как правильно измерять]:
Связаться со мной:
● https://www.facebook.com/zeidan.sabrina
● @sabrina_zeidan
● https://sabrinazeidan.com/
Вопросы?
WordPress Poltava Meetup 2020

More Related Content

G̶o̶o̶g̶l̶e̶ ̶P̶a̶g̶e̶S̶p̶e̶e̶d̶ ̶I̶n̶s̶i̶g̶h̶t̶s̶. За сколько грузится ваш сайт на самом деле? [WordPress Poltava Meetup 2020]]