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