Сайтостроение \ Ускорение сайта

5 способов сделать ваш сайт меньше и быстрее

От автора: Признание: Если честно, то примерно раз в неделю мне хотелось бы быть ребенком, который проводит свой рабочий день, подстригая траву и занимается озеленением. Почему? Потому что в конце рабочего дня, можно смело сказать «трава подстрижена, работа выполнена». А мы, веб-разработчики, никогда не можем так сказать, не правда ли? Сайт всегда можно сделать еще более эффективным – всегда найдутся подходы по сокращению количества байтов. Всегда. И пока мы это реализуем, мы неизменно твердим, что «сайт недостаточно хорош». Чтобы быть классным разработчиком, мы почти обречены на то, чтобы чувствовать, что наша работа несовершенна – какой же это печальный путь существования!

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Медленный сайт - это катастрофа!

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

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

Продолжить чтение

Верстка \ Адаптивная верстка

Как сайты с отзывчивым дизайном загружать чертовски быстро

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

Продолжить чтение

Верстка \ Адаптивная верстка

Ускорение сайтов с адаптивным дизайном

От автора: Когда в последний раз вы заходили на какой-нибудь сайт и были потрясены его производительностью (т.е. как быстро вы могли на нем делать то, что вам хотелось?)

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

Продолжить чтение

Верстка \ HTML&CSS

Оптимизируйте передачу CSS

От автора: CSS используется на веб-странице многими способами и до сих пор работает. Так как методов его применения огромное количество, то существует и множество разных настроек CSS.

Неважно, каким образом он установлен на страницах – CSS обязан помочь отображаться странице быстрее, а не тормозить отрисовку страницы.

Продолжить чтение

Веб-дизайн \ Статьи по веб-дизайну

Приемы продвинутой оптимизации изображений

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

Продолжить чтение

Верстка \ HTML&CSS

Загрузка изображений по запросу с помощью CSS

От автора: мозг – это мышца, и как все мышцы, требует регулярных упражнений для сохранения остроты, вот почему я решил взять очень старую, но действенную методику веб-оптимизации и выполнить ее новым, сумасшедшим способом. Вы наверняка слышали о загрузке изображений (и других ресурсов) по запросу – что является не только здравомыслящим решением, но и хорошим способ ускорить исходную загрузку страницы. Обычно он выполняется посредством JavaScript, но сегодня я поделюсь с вами, как добиться того же эффекта с помощью чистого CSS.

Продолжить чтение

Веб-дизайн \ Статьи по веб-дизайну

Полезные инструменты оптимизации изображений для Web

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

Продолжить чтение