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

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

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

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

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

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

Качество

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

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

Зайдите на любой веб-ресурс с мобильного телефона. Если вам не приходится масштабировать страницу, чтобы прочитать текст или разглядеть изображение, вы просто пролистываете ее в вертикальном направлении, значит сайт полностью адаптируется под мобильные устройства. Второй способ проверить, насколько дружественным он является для мобильных устройств, можно воспользовавшись специальным сервисом от Google Mobile-Friendly Test

Удобство

Имеется ввиду, что вы легко можете соорентироваться, в каком разделе сайта вы находитесь в каждый отдельный момент. Понятна ли вам навигация по сайту. Вам не приходится долго искать меню, контактную или другую информацию.

Скорость загрузки

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

Для проверки скорости загрузки веб-страниц, существуют различные инструменты.

Testmysite.withgoogle.com

Этот инструмент очень придирчивый. Показывает скорость загрузки сайта с мобильного телефона. Но именно так, по заявлениям Google, он оценивает все сайты. Уникальным показателем этого сервиса является процент посетителей, которых вы потеряете по причине скорости загрузки.

Tools.pingdom.com

По-моему, это один из лучших сервисов для проверки скорости. Наверное потому, что он и сам не заставляет долго ждать и чаще других показывает хорошие результаты 🙂

PageSpeed Insights

Бесспорный лидер среди других подобных инструментов. Анализ выполняется достаточно быстро. Оценка происходит по 100-бальной шкале для мобильной и компьютерной версий сайта одновременно. Даются конкретные рекомендации по улучшению веб-ресурса. Так же есть возможность скачать одним архивом оптимизированные изображения, файлы стилей и скриптов для проверяемой страницы.

GTmetrix

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

WebPageTest

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

Инструменты разработчика

Иногда, более или менее объективно взглянуть на картину помогают инструменты, которые есть почти в каждом браузере. В Google Chrome, например, при нажатии сочетания клавиш Ctrl+Shift+I, открывается панель, которая называется “инструменты разработчика”. Перейдя во вкладку Network и перезагрузив страницу сайта, вы сможете замерять скорость ее загрузки в вашем браузере.

Показатели загрузки популярных/известных сайтов
САЙТTMSPINGDOMPageSpeedGTmetrixWPT
TimeTimeSizeRequestsMobileDesktopScoreYSlowTimeTime*
linkedin.com3 s584 ms144kB30678793952.2s1.2s
plus.google.com3 s1.25 s910.8 kB41809595894.5s3.4s
amazon.com3 s1.56 s4.3 MB1567088598418s7.9s
wikipedia.org4 s452 ms56.0 kB9688788831.1s1.1s
instagram.com5 s5.5s603.6 kB26708787774.2s3.7s
facebook.com7 s3.80 s3.7 MB906583897410s12.7s
vk.com7 s3.41 s1.5 MB75657477685s33s
microsoft.com/uk-ua/8 s965 ms673 kB184678751899 s
rozetka.com.ua9 s2.39 s3.5 MB2844759475926.4s7.6s
olx.ua9 s2.97 s2.7 MB12957674811.3 s1.9 s
apple.com11 s1.39 s1.3 MB45516880782.6 s2.4 s
Показатели загрузки наших сайтов
САЙТTMSPINGDOMPageSpeedGTmetrixWPT
TimeTimeSizeRequestsMobileDesktopScoreYSlowTimeTime*
positive-salon.com3 s1.21 s881.4 kB46678992726.2 s3 s
brainworks.com.ua4 s1.47 s2.7 Mb88708581667.8 s6 s
olymphouse.kiev.ua4 s1.86 s3.3 Mb119527253718.3 s4.7 s
okna-dvery.in.ua4 s1.28 s2.3 Mb735260767628.5 s3.65 s
doctoriva.com4 s1.33 s1.3 MB59675976593.6 s2.83 s
raznorabochie.com.ua4 s1.72 s703.8 kB67708796764.1 s3.03 s
coffee-service.in.ua5 s2.44 s1.9Mb92628081659.7 s4.6 s
okna-dvery.in.ua5 s1.20 s1.4 Mb56627585716.5 s0.95 s
santex.kiev.ua5 s2.07 s2.0 MB1286281795920.4 s8.5 s
heritage-ukraine.com5 s1.51 s298.8 kB26638388783.8 s2.8 s
svitlotech.com.ua5 s1.54 s1.1 MB48689788724.7 s2.88 s
santex.in.ua5 s1.67 s1.5 MB47476574773.9 s3.93 s
vip-trans.kiev.ua6 s1.98 s1.2 MB77648583674.4 s3.44 s
krot.kiev.ua6 s1.67 s1.9 MB68678875754.6 s3.85 s
mebex.kiev.ua7 s2.98 s2.8 Mb69628288668.8 s7.2 s
kievpromanaliz.com7 s1.62 s1.1 Mb56676391736.3 s0.9 s
shapoval-pm.com8 s5.33 s2.9 Mb2326074786417 s6.4s
comfort-trans.com8 s2.71 s2.2 MB1516485786013.6 s5.27 s
primesteel.com.ua9 s1.60 s1.3 Mb52869395823.6 s3 s

*First View

Как видите, показатели разных инструментов иногда сильно отличаются друг от друга. И как на это реагировать, решать только вам.

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

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