Подборка полезных сервисов для веб-разработки

Упростить тяжёлую работу программистов помогут следующие необходимые разработчикам веб-чекеры, благодаря которым вы сможете быстро анализировать, чего не хватает в вашем проекте и с точной уверенностью знать, над чем ещё нужно поработать.

1. YSlow — проведёт небольшой анализ загрузки не только страницы, но и отдельных составляющих сайта. Сервис проверяет вынесение заголовков, использование компрессии, а так же вынесение скриптов в индивидуальные файлы, после предоставляет информацию по улучшению проекта. За основу берутся исследования Yahoo. Предоставляется в виде расширения для браузеров Chrome, Opera, Mozilla Firefox и других.

111


2. Web Developer Checklist — ещё один интересный сервис для веб-разработчика. Даже если вы уверены, что готовы запустить свой веб-сайт — тщательно проверьте его по всем пунктам, тогда сомнений насчёт готовности к запуску не останется вовсе. Доступно в виде сайта и расширения.

222


3. StaticScan — инструмент от Microsoft, который проведёт сканирование вашего проекта и расскажет, требуются ли глобальные изменения, или же всё идеально и нужно оставить всё, как есть. Если же изменения всё-таки требуются — то сайт подскажет вам, как их реализовать.

333


4. PageSpeed Tools — разработка от Google. С этим замечательным сервисом вы сможете сделать загрузку мобильной версии сайта предельно быстрой. Просто установите на свой проект модуль PageSpeed и наслаждайтесь высокоскоростным стартом страниц на своём мобильном устройстве.

444


5. PageSpeed Insights — один из инструментов PageSpeed Tools, который заслуживает отдельного упоминания. Инструмент анализирует содержание и технический стек вашего сайта и предлагает конкретные решения, позволяющие ускорить его загрузку.

В параметры, по которым идет оценка, входит не только скорость, но и удобство использования. Советы могут иметь желательный и критический характер. К критическим входят такие вещи как, например, блокировка отрисовки страницы небрежно вставленным в header страницы JavaScript кодом.

Современный и более красивый интерфейс PageSpeed Insights находится на Think With Google.

think-with-google-test-your-website


6. GTMetrix — разработка хостинг-провайдера GT, которая объединяет в себе сервисы PageSpeed Insights и Yahoo YSlow, описанные выше, что позволяет получить наиболее полный анализ в одном месте и едином интерфейсе а также сравнить лучшие практики этих корпораций.

gtmetrix-for-wordpress-tests


7. WebPageTest — поможет вам анализировать загрузку страниц из разных точек мира, а так же посмотреть, как ваш сайт будет отображаться в разных браузерах. Кроме этого в сервисе есть функции, которые, например предоставят информацию о времени загрузки страницы или отобразят в виде графика внутреннее устройство сайта. Пригодится, если вы хотите адаптировать свой проект под различные браузеры.

555


8. SEO чеклист — поможет вам ничего не забыть при проведении SEO-оптимизации сайта. Так как оптимизация — объемная задача, состоящая из множества подзадач, будет удобно отмечать для себя галочками, какие шаги вы уже выполнили. Помимо простой оптимизации для поиска, можно отмечать ход проведения технического аудита сайта, оптимизации ссылок, а также исследование соцактивности. В список вы сможете добавить свои собственные пункты, а также экспортировать его в PDF — чтобы показать кому-то еще или сохранить для локального использования.


9. Browser Shots — сервис, зайдя на который, вы наверняка поймете, как мало браузеров знаете. Нужен же он для того, чтобы вы своими глазами смогли увидеть, как будет ваш сайт выглядеть во всех (или почти всех) существоваших когда-либо браузерах. Только таким способом вы можете проверить, не вылезают ли какие-то неожиданные баги на вашем сайте в старых версиях Chrome или Konqueror версии 4.4. Сервис бесплатный, использовать его можно и без регистрации, но если вы собираетесь проводить дотошную проверку каждой страницы, придется завести аккаунт.


10. Screenfly — этот сервис служит логическим продолжением предыдущего. С его помощью вы можете взглянуть на ваш сайт глазами владельца Kindle, iPad и еще целого списка устройств, не имея их на руках — просто введите в поле адрес вашего сайта и затем выбирайте устройства в меню сверху. Доступны в том числе и экзотические модели вроде телефонов BlackBerry и Motorola и смарт-телевизоров. Кроме того, можно указать любой произвольный размер окна в пикселях.

Помимо screenfly, на этом же сайте можно найти еще несколько полезных инструментов: они помогут вам создавать и редактировать карты сайтов, рисовать UX-макеты и быстро определить свой User Agent.


11. Observatory — еще один сервис-чекер. Он просканирует ваш сайт по целому списку требований: Content Security Policy, использование cookie, очевидные XSS-уязвимости и другие элементы, связанные с безопасностью сайта. По итогам вашему сайту будет выставлена оценка от A до F. Кстати, сайт умеет хранить историю исследований: с ее помощью вы сможете проследить, становится ли ваш сайт лучше со временем.


12. Nibbler — проект, проводящий тотальную проверку вашего сайта. Оценка проводится по длинному списку характеристик, среди которых качество кода, адаптация под мобильные устройства, формат ссылок на материалы сайта, качество заголовочной информации и многое другое. Кроме того, отдельная графа в результатах содержит рекомендации по улучшению ситуации — в нее попадут только те советы, последовать которым в данный момент важнее всего. Если вы пройдетесь по каждому из пунктов, добившись оценки в 10 баллов, ваш сайт станет, пожалуй, одним из лучших в интернете.


Добавляйте другие известные вам сервисы в комментарии, а мы будем периодически обновлять нашу подборку.