Верстка \ HTML&CSS

CSS свойства шрифтов

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

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

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

Разработка с упором на производительность

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

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

Верстка \ HTML&CSS

10 способов минимизировать reflow и повысить производительность

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Верстка \ HTML&CSS

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

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

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

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

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

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

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

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

Верстка \ HTML&CSS

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

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

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