фотоснимки – Веб-студия EIPE – создание и продвижение сайтов в Клину

На что влияет высокая скорость загрузки сайта

sproadmin — Thu, 29 Dec 2016 12:14:42 +0000

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

– оказывает влияние на отношение посетителей к бренду. Согласно последним исследованиям 75% посетителей, которые зайдя на Интернет магазин и столкнувшись с его «подвисанием», никогда на нем ничего не купит;

– оказывает влияние на ранжирование сайта в поисковых системах. Известно, что при ранжировании сайтов поисковые системы учитывают множество факторов. Учитывается также и скорость работы сайта. Естественно, медленно работающий сайт не может рассчитывать на попадание в ТОП выдачи поисковиков;

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

Подготовка сайта для браузера Microsoft Edge

sproadmin — Thu, 29 Dec 2016 11:20:40 +0000

Edge – новый бразуер от компании Microsoft. Подчеркнем, что это не обновленная версия IE, а именно абсолютно новый браузер. Учитывая этот факт, вам как вебмастеру необходимо соответствующим образом подготовить свой сайт. По сути, необходимо произвести следующие операции:

– произведите обновление библиотеки JavaScript. Самые распространенные библиотеки регулярно обновляются при возникновении ошибок в новых версиях наиболее популярных браузерах. Просто обновив библиотеки вы сможете исключить проблемы с JS при работе сайта в браузере Edge;

– исключите использование метода определения браузера. На некоторых страницах вашего сайта могут применяться методы определения браузера для выявления, таким образом страница показывается в том или ином обозревателе. Гораздо более целесообразным является использовать техники выявления поддержки свойств;

– отключите ненужные плагины. В связи с тем, что в браузере Edge отсутствует поддержка плагинов Flash и Silverlight, необходимость в их использовании отпадает. Все дело в том, что Flash уже идет в комплекте с обозревателем.

Что нужно знать вебмастеру об использовании больших изображений

sproadmin — Thu, 29 Dec 2016 10:59:23 +0000

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

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

Ограничения пропускной способности

Просматривать сайты с большим количеством полноразмерных изображений могут без проблем пользователи стационарных компьютеров, подключенных к высокоскоростному Интернету. А представьте, каково пользователям, зашедшим на сайт с мобильного устройства? Обязательно учтите этот момент и обеспечьте возможность удобного просмотра вашего сайта всем пользователям, и пользователям мобильных устройств в частности.

Помните о размерах файлов

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

Скорость загрузки сайта и восприятие времени ожидания посетителем

sproadmin — Thu, 29 Dec 2016 10:45:20 +0000

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

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

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

Современный генератор статических веб сайтов

sproadmin — Thu, 29 Dec 2016 10:33:20 +0000

За последние несколько лет генератор статичных сайтов как альтернатива привычным динамическим сайтам, претерпел довольно существенного развитие. Идея статических сайтов далеко не нова. Напомним, что даже у главного конкурента Вордпресс – Movable Type была функция работы как генератор статического веб-ресурса. Как же работает такой генератор?
Работает он на основании таких принципов:

– Создание шаблонов.
Одной из основных целей генератора является избавление повтора одинаковых составляющих частей страницы путем разбивки страницы на отдельные части и последующего повторного их использования;

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

– Метаданные.
В генераторе ставится ударение на то, что контент – это далеко не просто текст информационной статьи. На самом деле очень часто посетители сайта помимо всего прочего желают узнать об авторе проекта, категории статьи и т.д.

Несколько советов по улучшению фонового видео на веб-сайте

sproadmin — Wed, 28 Dec 2016 19:51:40 +0000

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

Сжимайте видео

Что может быть хуже, если при просмотре видео оно постоянно подтормаживает? При просмотре создается ощущение, что виснет не только видео, а и весь сайт целиком. Чтобы исключить возникновение такой проблемы используйте максимально возможное сжатие. При этом обязательно проконтролируйте, чтобы видео при максимальном сжатии было максимально качественным.

Используйте короткие видео

Конечно, максимальное сжатие может обеспечить нормальное воспроизведение даже достаточно длинного видео. Однако не стоит считать, что посетитель вашего сайта зашел на него для того, чтобы посмотреть фоновое видео. Вполне может быть, что он вовсе будет не рад, что на вашем сайте есть это самое фоновое видео. Именно поэтому, лучше всего, чтобы длина фонового видео не превышала 30 секунд.

Лучшие инструменты для веб разработчиков

sproadmin — Thu, 22 Dec 2016 12:10:03 +0000

sloc
Инструмент, который представляет собой командную строку для осуществления сбора статистических данных исходного кода. На выходе пользователь получает простой список, но при желании результат может быть преобразован в CSV или даже таблицу CLI.

VisSense.js
Специальная библиотека, которая предназначена для исследования DOM. Основной особенностью данной библиотеки является то, что она работает с элементами вне поля экрана. При этом стоит отметить, что библиотека не используется для вещей: display: none и visibility: hidden.

Sass Director
Простой Sass инструмент, который может быть очень полезен при разработке новых Sass проектов. На основании кода манифест файла инструмент создает команду, после реализации которой автоматически строится структура проекта.

Awesomplete
Независимый скрипт автозаполнения. Скрипт используется без привлечения дополнительного кода JavaScript кода и предлагает широкие функциональные возможности для опытных пользователей.

Несколько способов сделать свой сайт более уникальным

sproadmin — Thu, 22 Dec 2016 11:42:30 +0000

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

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

Страница FAQ
Достаточно интересный способ повысить оригинальность своего сайта. Согласитесь, на сегодняшний день мало сайтов, на которых есть страница FAQ. Разумеется, на больших порталах и сервисах такие страницы есть, а вот на обыкновенных информационных веб-сайтах…

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

Автоматическое добавление адаптивных изображений

sproadmin — Thu, 22 Dec 2016 11:09:15 +0000

Казалось бы, ничего сложного в создании адаптивных изображений нет. А как быть, если, например, речь идет об Интернет-магазине? Неужели веб-мастеру придется вручную создавать разные варианты изображений? Конечно, нет! Конечно, есть выход из этой ситуации.
Суть метода заключается в добавлении определенной логики в CMS, позволяющей вебмастеру загружать изображения, выбирать определенные точки на каждой картинке и автоматически генерировать все обрезанные варианты.
Если у вас нормально обстоит дело с изменением размеров картинок и браузер может выбрать наиболее подходящую картинку, то проблема может быть решена очень просто – путем использования ImageMagick или какого-либо иного графического редактора.
Не менее эффективным вариантом решения проблемы будет использование специальных плагинов. На сегодняшний день подобного рода плагинов существует огромнейшее количество, и вы без проблем сможете подобрать и установить именно то расширение, которое в полной мере отвечает вашим требованиям.

Что представляет собой Лендинг-пейдж?

sproadmin — Tue, 20 Dec 2016 17:22:51 +0000

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

Различают следующие виды лендинг-пейджев:

– Click-through пейдж, предназначенная для привлечения пользователей, повышения их заинтересованности и последующего перенаправления на страницу покупки того или иного товара;

– Лидген Пейдж, предназначенная для мотивирования пользователей осуществить подписку на новостную ленту сайта. При этом взамен пользователь получает абсолютно бесплатно какой-либо товар или какую-либо услугу.

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