Как выбрать лучшую веб-студию? Оцениваем качество.
Выбирая веб-студию для создания вашего будущего сайта, скорее всего, вы возьмете во внимание три пункта: цену, качество и привлекательность работ в портфолио.
Привлекательность и цена
С внешним видом сайта все более или менее понятно. Вы смотрите готовые работы, оцениваете, нравится ли они вам. И, если да, решаете, готовы ли вы заплатить указанную цену.
Поговорка “встречают по одежке” еще более актуальна в случае с сайтами. Если ваш веб-ресурс старомодный, без выдержанного стиля, с плохим качеством изображений, конкуренты вам не позавидуют. И нет ничего хорошего в том, что ваш веб-сайт будет нравиться вашей жене или другу, если он не будет нравиться большинству посетителей вашего сайта.
Качество
Как же оценить качество? Стоит обратить внимание на адаптируемость под мобильные устройства, скорость загрузки страниц и удобство пользования вцелом. Давайте по порядку.
Адаптивность
Зайдите на любой веб-ресурс с мобильного телефона. Если вам не приходится масштабировать страницу, чтобы прочитать текст или разглядеть изображение, вы просто пролистываете ее в вертикальном направлении, значит сайт полностью адаптируется под мобильные устройства. Второй способ проверить, насколько дружественным он является для мобильных устройств, можно воспользовавшись специальным сервисом от Google Mobile-Friendly Test
Удобство
Имеется ввиду, что вы легко можете соорентироваться, в каком разделе сайта вы находитесь в каждый отдельный момент. Понятна ли вам навигация по сайту. Вам не приходится долго искать меню, контактную или другую информацию.
Скорость загрузки
Это очень важный пункт. Во-первых, потому, что пользователи сети Интернет не любят ждать. И если страница будет долго загружаться, они, скорее всего, предпочтут другой ресурс. Во-вторых, потому, что скорость влияет на позиции сайта в поисковой выдаче и на стоимость клика в контекстной рекламе.
Для проверки скорости загрузки веб-страниц, существуют различные инструменты.
Testmysite.withgoogle.com
Этот инструмент очень придирчивый. Показывает скорость загрузки сайта с мобильного телефона. Но именно так, по заявлениям Google, он оценивает все сайты. Уникальным показателем этого сервиса является процент посетителей, которых вы потеряете по причине скорости загрузки.
Tools.pingdom.com
По-моему, это один из лучших сервисов для проверки скорости. Наверное потому, что он и сам не заставляет долго ждать и чаще других показывает хорошие результаты 🙂
PageSpeed Insights
Бесспорный лидер среди других подобных инструментов. Анализ выполняется достаточно быстро. Оценка происходит по 100-бальной шкале для мобильной и компьютерной версий сайта одновременно. Даются конкретные рекомендации по улучшению веб-ресурса. Так же есть возможность скачать одним архивом оптимизированные изображения, файлы стилей и скриптов для проверяемой страницы.
GTmetrix
Анализирует сразу множество параметров и по каждому дает оценку. Скорость загрузки, согласно этому инструменту, может быть низкой из-за того, что сервер, который делает анализ, находится в Канаде.
WebPageTest
Что ж, на закуску я оставил, наверное, самую большую рыбу среди вышеперечисленных. Этот инструмент воистину беспристрастен. Возможно, результаты его анализа вас не обрадуют, но зато вы точно будете знать, где искать причины долгой загрузки страниц, если захотите оптимизировать собственный веб-сайт.
Инструменты разработчика
Иногда, более или менее объективно взглянуть на картину помогают инструменты, которые есть почти в каждом браузере. В Google Chrome, например, при нажатии сочетания клавиш Ctrl+Shift+I, открывается панель, которая называется “инструменты разработчика”. Перейдя во вкладку Network и перезагрузив страницу сайта, вы сможете замерять скорость ее загрузки в вашем браузере.
Показатели загрузки популярных/известных сайтов
САЙТ | TMS | PINGDOM | PageSpeed | GTmetrix | WPT | |||||
---|---|---|---|---|---|---|---|---|---|---|
Time | Time | Size | Requests | Mobile | Desktop | Score | YSlow | Time | Time* | |
linkedin.com | 3 s | 584 ms | 144kB | 30 | 67 | 87 | 93 | 95 | 2.2s | 1.2s |
plus.google.com | 3 s | 1.25 s | 910.8 kB | 41 | 80 | 95 | 95 | 89 | 4.5s | 3.4s |
amazon.com | 3 s | 1.56 s | 4.3 MB | 156 | 70 | 88 | 59 | 84 | 18s | 7.9s |
wikipedia.org | 4 s | 452 ms | 56.0 kB | 9 | 68 | 87 | 88 | 83 | 1.1s | 1.1s |
instagram.com | 5 s | 5.5s | 603.6 kB | 26 | 70 | 87 | 87 | 77 | 4.2s | 3.7s |
facebook.com | 7 s | 3.80 s | 3.7 MB | 90 | 65 | 83 | 89 | 74 | 10s | 12.7s |
vk.com | 7 s | 3.41 s | 1.5 MB | 75 | 65 | 74 | 77 | 68 | 5s | 33s |
microsoft.com/uk-ua/ | 8 s | 965 ms | 673 kB | 184 | 67 | 87 | 51 | 89 | 9 s | |
rozetka.com.ua | 9 s | 2.39 s | 3.5 MB | 284 | 47 | 59 | 47 | 59 | 26.4s | 7.6s |
olx.ua | 9 s | 2.97 s | 2.7 MB | 129 | 57 | 67 | 48 | 11.3 s | 1.9 s | |
apple.com | 11 s | 1.39 s | 1.3 MB | 45 | 51 | 68 | 80 | 78 | 2.6 s | 2.4 s |
Показатели загрузки наших сайтов
САЙТ | TMS | PINGDOM | PageSpeed | GTmetrix | WPT | |||||
---|---|---|---|---|---|---|---|---|---|---|
Time | Time | Size | Requests | Mobile | Desktop | Score | YSlow | Time | Time* | |
positive-salon.com | 3 s | 1.21 s | 881.4 kB | 46 | 67 | 89 | 92 | 72 | 6.2 s | 3 s |
brainworks.com.ua | 4 s | 1.47 s | 2.7 Mb | 88 | 70 | 85 | 81 | 66 | 7.8 s | 6 s |
olymphouse.kiev.ua | 4 s | 1.86 s | 3.3 Mb | 119 | 52 | 72 | 53 | 71 | 8.3 s | 4.7 s |
okna-dvery.in.ua | 4 s | 1.28 s | 2.3 Mb | 73 | 52 | 60 | 76 | 76 | 28.5 s | 3.65 s |
doctoriva.com | 4 s | 1.33 s | 1.3 MB | 59 | 67 | 59 | 76 | 59 | 3.6 s | 2.83 s |
raznorabochie.com.ua | 4 s | 1.72 s | 703.8 kB | 67 | 70 | 87 | 96 | 76 | 4.1 s | 3.03 s |
coffee-service.in.ua | 5 s | 2.44 s | 1.9Mb | 92 | 62 | 80 | 81 | 65 | 9.7 s | 4.6 s |
okna-dvery.in.ua | 5 s | 1.20 s | 1.4 Mb | 56 | 62 | 75 | 85 | 71 | 6.5 s | 0.95 s |
santex.kiev.ua | 5 s | 2.07 s | 2.0 MB | 128 | 62 | 81 | 79 | 59 | 20.4 s | 8.5 s |
heritage-ukraine.com | 5 s | 1.51 s | 298.8 kB | 26 | 63 | 83 | 88 | 78 | 3.8 s | 2.8 s |
svitlotech.com.ua | 5 s | 1.54 s | 1.1 MB | 48 | 68 | 97 | 88 | 72 | 4.7 s | 2.88 s |
santex.in.ua | 5 s | 1.67 s | 1.5 MB | 47 | 47 | 65 | 74 | 77 | 3.9 s | 3.93 s |
vip-trans.kiev.ua | 6 s | 1.98 s | 1.2 MB | 77 | 64 | 85 | 83 | 67 | 4.4 s | 3.44 s |
krot.kiev.ua | 6 s | 1.67 s | 1.9 MB | 68 | 67 | 88 | 75 | 75 | 4.6 s | 3.85 s |
mebex.kiev.ua | 7 s | 2.98 s | 2.8 Mb | 69 | 62 | 82 | 88 | 66 | 8.8 s | 7.2 s |
kievpromanaliz.com | 7 s | 1.62 s | 1.1 Mb | 56 | 67 | 63 | 91 | 73 | 6.3 s | 0.9 s |
shapoval-pm.com | 8 s | 5.33 s | 2.9 Mb | 232 | 60 | 74 | 78 | 64 | 17 s | 6.4s |
comfort-trans.com | 8 s | 2.71 s | 2.2 MB | 151 | 64 | 85 | 78 | 60 | 13.6 s | 5.27 s |
primesteel.com.ua | 9 s | 1.60 s | 1.3 Mb | 52 | 86 | 93 | 95 | 82 | 3.6 s | 3 s |
*First View
Как видите, показатели разных инструментов иногда сильно отличаются друг от друга. И как на это реагировать, решать только вам.
Так же стоит учитывать, что сайты созданные на системах управления контентом (CMS), или, как их еще называют, “движках”, уступают в скорости загрузки перед статическими ресурсами (без возможности администрирования). Поэтому, если вы сравниваете сайты различных веб-студий, вам желательно знать, какие технологии были использованы при их создании. И не стоит сравнивать качество сайта-визитки с интернет-магазином.
Успехов в выборе веб-студии!