Советы Allphones.kz: Как добавить скорости своему сайту - краткое руководство

Если вы только начинаете свой путь в сфере веб-дизайна, то создание сайта кажется сложной проблемой. По крайней мере, так было у меня.

Изначально, новый проект я создавал с помощью Photoshop. Я не имел четкого представления о структуре своего будущего сайта, о количестве страниц, которые он будет содержать, да и о самом содержании этих страниц я тоже не задумывался. Я просто "делал сайты", главным образом забавы ради.

Освоив искусство создания веб-сайтов, я задумался об ускорении загрузки и работы своих сайтов. Потому как это было действительно серьезной проблемой: сайты получались громоздкими, а выход в интернет, в то время, осуществлялся по технологии dial-up (подключение к интернету по модему через телефонную линию). Сейчас это вообще не проблема, так как большинство солидных профессиолнальных проектов используют vps hosting, который чаще всего работает на быстрой аппаратной начинке с SSD дисками и выходящими и входящими каналами минимум на 1 Гбит/с. Ориентировочные цены на хостинг и виртуальные сервера можно посмотреть на сайте компании gmhost.com.ua.

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

Что именно я подразумеваю под скоростными характеристиками? Быструю загрузку страницу в браузере? Или как быстро работает весь сайт в целом? Я говорю о важности и первого, и второго.

Вы должны учитывать оба этих момента.Так как у большого количества пользователей сети довольно медленный интернет. Да и скорость 3G-интернета зачастую оставляет желать лучшего. Кроме того, многие мобильные устройства оснащены низкопроизводительными процессорами.

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

Начните с главного

Начните "скоростную" оптимизацию вашего сайта с контента.

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

Если сам контент является причиной снижения скорости работы веб-сайта, никакие дизайнерские примочки не зацепят и не удержат пользователя.

В каких случаях контент будет тормозить работу всего сайта?

1. Громоздкое фото

Как известно, большие изображения лучше продают продукт. Но, будьте аккуратны, используйте большие иллюстрации умеренно и только там где это уместно. Удостоверьтесь, что они должным образом сжаты, а лучше всего используйте иллюстрации для сайта в формате SVG. Рекомендуемый средний размер фото для мобильного интернета равен 1 Mb.

Но есть еще способ: используйте адаптивную верстку для изображений. Это позволит сразу убить двух зайцев. Изображение само подстроится под устройство пользователя, а вам не придется делать выбор в пользу меньшего размера фото (что непременно скажется на качестве), чтобы ускорить работу сайта.

2. Рекламные объявления.

Если вы привлекаете сторонние рекламные объявления (тизеры, баннеры и проч.) на свой сайт, будьте готовы к тому, что они могут замедлить загрузку и работу вашего сайта. Не сосчитать, сколько раз я раздражался от того, что приходилось ждать пока браузер загрузит все рекламные материалы на сайте, и только после этого загрузит остальную часть страницы.

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

Перегруженный дизайн - причина медленной работы сайта

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

Мне встречались сайты с таким количеством анимации, что они с трудом загружались на моем современном и "продвинутом" ПК. А теперь представьте, что пользователь пытается загрузить такой сайт на низкопроизводительном смартфоне или планшете.

Надеюсь мои советы окажутся полезными. Держите руку на пульсе, изучайте новые технологии, экспериментируйте. Удачи!