3 інструменти для тестування веб-продуктивності
Цього року як галузь ми зробили великі кроки щодо набору розмов про продуктивність веб-сторінки. Декілька сфокусованих змін можуть повністю змінити продуктивність сайту, і кожен біт – або, точніше, байт – вартий того. Продуктивність має значення, тому що ми розробляємо та розробляємо для користувача; тому, якщо він не працює для них, він взагалі не працює.
На продуктивність сайту можуть впливати різні елементи, включаючи швидкість мережі, розміри зображень, немініфіковані ресурси, розмір шрифту та кількість запитів. Розробник Paravel Дейв Руперт написав не одну, а два повідомлення в блозі про те, як він вирішував багато цих проблем на своєму власному чуйному сайті.
Коли справа доходить до JavaScript і CSS, у тому числі робочі процеси з параметрами minifying та preprocessor – величезна допомога. Навіть якщо розриви рядків та пробіли (вкладки) не є ключовими винуватцями, якщо проект є досить великим, вони можуть бути. Якщо ви використовуєте зовнішні бібліотеки JavaScript, виберіть персоналізовані версії, а не цілу бібліотеку для двох функцій.
Хостинг шрифтів також може викликати роздмухування сторінки. Один із способів зменшити це – це включити ті типи ваг, які були використані у вашому проекті. Тримайте кілька ваг та розгляньте інші способи висування контрасту та ієрархії.
Нижче ви знайдете три інструменти, які допоможуть вам проаналізувати ваш сайт і дізнатися більше, скільки часу потрібно для завантаження.
1. Varvy’s Page Speed Optimization
Оптимізація швидкості сторінки Varvy має багато ресурсів, які допоможуть вам покращити продуктивність вашого сайту.
Інструмент оптимізації швидкості сторінки Varvy добре організований, деталізований та включає ресурси про продуктивність, щоб зробити їх ідентифікованими.
2. Pingdom
Тест швидкості сайту Pingdom допоможе визначити причини повільності.
Безкоштовна опція Pingdom містить відомості про час завантаження водоспаду кожного елемента або запиту.
3. WebPageSpeed
Виконуйте тести з різних місць у всьому світі.
WebPageSpeed – надзвичайно популярний інструмент. Він включає всі перераховані параметри, а також завантажувані відеоролики про те, як довго сайт і його елементи завантажуються.
