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]]
Download as PPTX, PDF0 likes486 views
Документ обсуждает важность правильного измерения скорости загрузки веб-сайтов и предлагает различные методы для этого. Основное внимание уделяется инструментам, таким как WebPageTest и Chrome DevTools, а также критериям, которые следует учитывать, включая тип соединения и страницу тестирования. Кроме того, автор делится рекомендациями по оптимизации скорости и вариантами для достижения хороших результатов в сравнении с конкурентами.
![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]]](https://image.slidesharecdn.com/poltava-200309182112/85/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-3-320.jpg)
![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]]](https://image.slidesharecdn.com/poltava-200309182112/85/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-4-320.jpg)
![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]]](https://image.slidesharecdn.com/poltava-200309182112/85/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-6-320.jpg)
![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]]](https://image.slidesharecdn.com/poltava-200309182112/85/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-7-320.jpg)
![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]]](https://image.slidesharecdn.com/poltava-200309182112/85/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-8-320.jpg)
![ЗМЕРЯЕМ 1:
Как измерять
скорость загрузки?
[правильно]](https://image.slidesharecdn.com/poltava-200309182112/85/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-9-320.jpg)
![1. Speed Index = 6.08 seconds
2. Request count = 124
3. Page weight = 3.18 MB
Еще цифры [Настоящие]
* Средние для США, отчет Google, 2019
ЗМЕРЯЕМ](https://image.slidesharecdn.com/poltava-200309182112/85/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-37-320.jpg)
![ЗМЕРЯЕМ
1. Скорость измеряется в секундах
2. Измерять нужно правильно [5]
3. WebPageTest или Chrome DevTools
4. Смотреть на Waterfall
5. Знать цель
Выводы [Как правильно измерять]:](https://image.slidesharecdn.com/poltava-200309182112/85/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-41-320.jpg)
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. 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
- 2. ● WordPress фан с 2010 ● Оптимизирую скорость сайтов ● Ускоряла сайты в составе ● Со-организатор WordPress Kyiv ● Другие мои доклады по оптимизации https://sabrinazeidan.com/ Сабрина Зейдан
- 5. ЗМЕРЯЕМ
- 9. ЗМЕРЯЕМ 1: Как измерять скорость загрузки? [правильно]
- 10. ЗМЕРЯЕМ Оценки, проценты, зеленый цвет *во всех инструментах
- 11. ЗМЕРЯЕМ Первое важное : Скорость загрузки измеряется в секундах
- 12. Мой сайт грузится за 2 секунды! ЗМЕРЯЕМ
- 13. ЗМЕРЯЕМ
- 14. ЗМЕРЯЕМ 2 секунды - это какой момент в загрузке?
- 15. ЗМЕРЯЕМ 2 секунды - это в каком городе?
- 16. ЗМЕРЯЕМ 2 секунды - это на десктопе или на мобильном? Wi-Fi/3G? Cable 3G
- 17. ЗМЕРЯЕМ 2 секунды - это первый визит или повторный?
- 18. ЗМЕРЯЕМ 2 секунды - это какая страница: главная/товар/категория?
- 19. ЗМЕРЯЕМ 1. момент в загрузке? 2. локация сервера? 3. тип соединения/устройство? 4. какой визит? 5. какая страница? Нужно понимать, в каких условиях был выполнен тест:
- 20. Ок, так что тестировать? ЗМЕРЯЕМ
- 21. ЗМЕРЯЕМ 1. Speed Index или Time To Interact 2. локация пользователя 3. тип соединения пользователя 4. первый визит и повторный 5. разные типы страниц Реальную скорость для реальных пользователей сайта:
- 22. ЗМЕРЯЕМ Второе важное : Измерять скорость нужно правильно: для реальных пользователей
- 23. ЗМЕРЯЕМ Чем измерять скорость : 1. WebPageTest.org 2. Chrome DevTools (Network + Audits)
- 24. ЗМЕРЯЕМ A PageSpeed Insights?
- 25. ЗМЕРЯЕМ Удобно использовать для подсказок: 1. https://developers.google.com/sp eed/pagespeed/insights/ 2. https://gtmetrix.com
- 26. ЗМЕРЯЕМ Третье важное : Использовать WebPageTest или Chrome DevTools
- 27. ЗМЕРЯЕМ Количество запросов и вес страницы Как читать отчет:
- 28. ЗМЕРЯЕМ Количество запросов и вес страницы Как читать отчет:
- 29. ЗМЕРЯЕМ Как читать отчет:
- 30. ЗМЕРЯЕМ Как читать отчет:
- 33. ЗМЕРЯЕМ Chrome DevTools -> Network
- 34. ЗМЕРЯЕМ Четвертое важное : Смотреть на Waterfall
- 36. 1. Speed Index < 3 seconds 2. Request count < 50 3. Page weight < 500KB Несколько цифр: * Рекомендации Google 2019 ЗМЕРЯЕМ
- 37. 1. Speed Index = 6.08 seconds 2. Request count = 124 3. Page weight = 3.18 MB Еще цифры [Настоящие] * Средние для США, отчет Google, 2019 ЗМЕРЯЕМ
- 38. ЗМЕРЯЕМ Photo creds to @Rarst
- 39. ЗМЕРЯЕМ на 20% быстрее конкурентов — это хорошая цифра
- 40. ЗМЕРЯЕМ Пятое важное : Знать цель
- 41. ЗМЕРЯЕМ 1. Скорость измеряется в секундах 2. Измерять нужно правильно [5] 3. WebPageTest или Chrome DevTools 4. Смотреть на Waterfall 5. Знать цель Выводы [Как правильно измерять]:
- 42. Связаться со мной: ● https://www.facebook.com/zeidan.sabrina ● @sabrina_zeidan ● https://sabrinazeidan.com/ Вопросы? WordPress Poltava Meetup 2020