Тестування Швидкість завантаження сторінки З Firebug
- Частка /
- 3 Comments / AJAX, CSS, процес / 8.24.08 / 3 Коментарів / /
Чим більше я знаходжуся допомогою JavaScript, тим більше я починаю турбуватися про вагу своїх сторінках. З використанням JQuery, багато чого, що було tradiotionally стороні сервера можна тепер обробляються на стороні клієнта з JavaScript.
То як же йти про вимір часу, необхідного для навантаження існує веб-сайт? Крім того, як ми можемо визначити, які файли з самого часу, щоб завантажити? Відповідь FireBug нетто Групи.
Для використання в мережі (короткий для моніторингу мережі) інструменти ви повинні піти до "чистої" вкладка в Firebug і активного їх.
Потім просто перезавантажте сторінку і дивитися, як Firebug говорить вам час завантаження кожного елемента послідовно, чи може цей товар є CSS, JavaScript або графічного файлу.
FireBug надасть вам моніторингу з наступних питань:
- XMLHttpRequest / AJAX моніторингу
- Вивчити заголовків HTTP
- Чи є файл була збережена в кеші або не потрапляв
- Break It Down за типом файлу (CSS, зображень, JavaScript і т.д.)
- Дивитися терміни розгорнути
8:30 AM Андреас / 8.25.08 / 8:30 ранку
Я б рекомендував YSlow розширення для Firebug для такого роду випробувань. Net-вкладка великий, але YSlow дійсно дає вам безліч рад та інформації про те, як прискорити свій сайт.
Ви також можете використовувати консоль час деякі частини вашою допомогою JS console.time () і console.timeEnd () (детальніше тут: http://getfirebug.com/logging.html).
12:34 PM zuborg / 9.15.08 / 12:34 вечора
Так, це конкретні YSlow аддон тестування продуктивності для Firebug
Я також хотів би рекомендувати цю онлайн безкоштовний інструмент: http://Site-Perf.com/
Це міра швидкості завантаження сторінки і її реквізити (Images / JS / CSS), як браузери та шоу Nice докладні діаграми - так що ви можете легко вузькі місця.
Також дуже корисна річ, що ця програма може перевірити якість мережі вашого сервера (пакет рівня втрат і пінг затримок).
1:15 PM Кевін / 9.15.08 / 1:15 вечора
Дуже здорово, спасибо за додавання до стовпа.