Главная » Web-development » Как выбрать лучшую веб-студию? Оцениваем качество.

Как выбрать лучшую веб-студию? Оцениваем качество.

Выбирая веб-студию для создания вашего будущего сайта, скорее всего, вы возьмете во внимание три пункта: цену, качество и привлекательность работ в портфолио.

Привлекательность и цена

С внешним видом сайта все более или менее понятно. Вы смотрите готовые работы, оцениваете, нравится ли они вам. И, если да, решаете, готовы ли вы заплатить указанную цену.

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

Качество

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

Адаптивность

Зайдите на любой веб-ресурс с мобильного телефона. Если вам не приходится масштабировать страницу, чтобы прочитать текст или разглядеть изображение, вы просто пролистываете ее в вертикальном направлении, значит сайт полностью адаптируется под мобильные устройства. Второй способ проверить, насколько дружественным он является для мобильных устройств, можно воспользовавшись специальным сервисом от 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), или, как их еще называют, “движках”, уступают в скорости загрузки перед статическими ресурсами (без возможности администрирования). Поэтому, если вы сравниваете сайты различных веб-студий, вам желательно знать, какие технологии были использованы при их создании. И не стоит сравнивать качество сайта-визитки с интернет-магазином.

Успехов в выборе веб-студии!