Peter Holmes
0 
1035
220
Не каждый сайт может быть Google. Нет; не с точки зрения масштаба, а с точки зрения скорости, с которой он загружается в наших браузерах. Минимализм хорош, но он не связан с необходимостью размещать больше контента и анимированных объявлений на веб-странице. Иногда это компромисс, который должен сделать каждый веб-дизайнер.
Создание более быстрых веб-страниц является одной из заповедей отличного веб-дизайна. Низкая скорость загрузки не только указывает на плохой дизайн, но и является огромным препятствием для посетителей. Медленная загрузка веб-страниц также может быть признаком ошибок или любого другого узкого места.
Первый шаг, который вы можете предпринять, чтобы оптимизировать ваш сайт, - это пройти тест скорости. Эти десять инструментов - немногие из многих, которые могут помочь проверить скорость загрузки и дать подсказки для создания более быстрых веб-страниц..
WebWait
Таймер показывает среднее время загрузки вашего сайта. Введите URL своего сайта, установите количество прогонов и получите результаты с точки зрения Средний, Медиана, а также Стандартное отклонение после пробежек. Вы можете установить количество тестовых прогонов. При запуске теста скорости сайта приложение учитывает все изображения, таблицы стилей и Javascript. Работает во всех популярных браузерах.
Который загружает быстрее?
Сопоставьте один сайт с другим и посмотрите, какой из них окажется на вершине. Вы можете сравнить более быстрый сайт и использовать его для оптимизации скорости вашего собственного сайта. Выбор двух режимов позволяет одновременно контролировать загрузку в случае, если один сайт мешает другому. Это может быть довольно забавный инструмент, так как «эпический тест» между Apple и Adobe показывает, что у Apple есть преимущество.
Тест веб-страницы
WebPagetest.org был разработан AOL, а затем Open Sourced. Это веб-приложение дает вам длинный список расположений серверов, на которых можно опробовать тесты. Еще одно раскрывающееся меню позволяет настроить конкретный браузер (также IE9). Расширенные настройки предназначены для дальнейшей тонкой настройки теста путем установки таких параметров, как количество выполнений теста, тип подключения, включая сценарии и т. д. Вы также можете использовать визуальный инструмент для сравнения нескольких URL-адресов вместе..
Load.in
Этот инструмент скорости сайта, безусловно, один из самых крутых с точки зрения визуальной привлекательности. Loads.in дает вам более 50 серверных мест по всему миру, чтобы попробовать скорость загрузки. Первый запуск извлекает скорость загрузки для произвольного местоположения. Следующие могут быть установлены в зависимости от страны и типа браузера. По завершении теста вы также получаете снимки веб-страницы в различные моменты времени. Время загрузки также отображает индивидуальное время загрузки каждого элемента сайта в диаграмме водопада. Данные также могут быть загружены в виде файла HAR.
Slowcop
Этот тестер скорости загрузки страницы дает вам мгновенный отчет о скорости, который также оценивает ваш сайт от 0 до 100. В отчете отображаются такие данные, как общее количество элементов, размер страницы, время загрузки и оценка. С этим знаменателем вы можете мгновенно сравнить его с сайтом конкурента и увидеть производительность.
[НЕТ ДЛИННЫХ РАБОТ] Ping Brigade
Протестируйте свой сайт в трех масштабах - пинг, загрузка страницы и задержка веб-сервера. Тест довольно быстрый, а цветная карта дает вам возможность щелкнуть по расположению серверов в Америке и мире для тестирования на разных серверах..
Pingdom
Проверка скорости загрузки вашей страницы Полный тест страницы дает вам подробный визуальный отчет о времени загрузки каждого элемента (изображения, CSS, скрипты Java, RSS, Flash и фреймы / рамки). Объекты, включенные в JavaScript, игнорируются. Вы можете отсортировать результаты с помощью инструментов, доступных в строке меню, и диагностировать любые узкие места, если таковые имеются.
BrowserMob
Бесплатный тест производительности веб-сайта дает четкое визуальное отображение времени загрузки со ссылкой на несколько мест по всему миру. Количество объектов на странице также разбито на красивую красочную круговую диаграмму. Используйте диаграмму водопада, чтобы более детально проанализировать каждый элемент.
WebSlug
Таймер сайта WebSlug дает вам сравнительную оценку двух сайтов. С помощью только URL вы можете сравнить один сайт с другим. Простой сайт довольно ограничен по объему, но может использоваться как «инструмент сражения» между двумя сайтами.
PageSpeed
Page Speed - это проект с открытым исходным кодом от Google, который доступен как онлайн-приложение, а также как расширение Chrome. Page Speed Online анализирует содержимое веб-страницы, а затем генерирует предложения по ее ускорению. Предложения оцениваются как низкий, средний и высокий приоритет. Используя этот ценный инструмент, вы можете увидеть предложения по каждому объекту на веб-странице. В качестве улучшения, PageSpeed также настраивает предложения для более быстрого мобильного просмотра.
Веб-мастерам нужен набор инструментов для работы над оптимизацией их сайтов. Наряду с онлайн-приложениями существует довольно много расширений и офлайн-инструментов. В посте Тины рассказывается, как запустить тест скорости на вашем сайте, как запустить тест скорости на вашем сайте, как запустить тест скорости на вашем сайте с FireBug и YSlow. Если вы ищете портативное приложение, взгляните на Speed Monitor. Какие инструменты вы бы порекомендовали для ускорения сайтов и блогов?
Изображение предоставлено: Shutterstock