Дизайн и бизнес в Беларуси

Оптимизация времени загрузки сайта

Сорренто

После Сорренто, сразу за поворотом, мир меняется. Вот оно, божественное побережье «Коста дивина». Одна из живописнейших дорог мира Амалфитана — извивается по уступам Позитано, края пастельных грез.
Оптимизация времени загрузки сайта

Удачная планировка ванной комнаты

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

Коктейль из английской классики и гламура в интерьре

Спасая хозяев от надоевшего евроремонта, автор интерьера Ольга Кудрявцева обошлась одним только декорированием. Создала коктейль из английской классики и гламура. И сделала это с присущим ей артистизмом.
Оптимизация времени загрузки сайта декор потолка

Великий декор потолка современности

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

Японский антиквариат

Осмысленный вывоз японского антиквариата в Европу начался со второй половины XIX века. Французские импрессионисты открыли красоту японского колорита, и с тех пop все японское традиционно считается изысканным и модным.
Оптимизация времени загрузки сайта Японское кимоно

Японское кимоно

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

Девичий однобэдрум с лодкой

Молодая хозяйка с легкостью пожертвовала пятью комнатами ради пространства. Получился девичий однобэдрум.
Оптимизация времени загрузки сайта Спа-дом

Спа-дом

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

Приют коммунаров - ирландский дом

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

Для уменьшения числа JS-файлов у нас гораздо больше простора для фантазии. Можно просто создать один большой файл со всеми используемыми вызовами и библиотеками. Можно создать один внешний файл, который будет загружать библиотеки по мере необходимости. А можно с помощью комбинированного обработчика событий window.onload начать загрузку всех необходимых файлов сразу по получению HTML-кода.

используя технику «ненавязчивый» JavaScript можно добиться существенного визуального ускорения при загрузке сложного интерфейса или веб-страниц с нетривиальной логикой.

CSS Sprites

Наиболее популярной техникой для объединения изображений является CSS Sprites (или CSS Image maps), когда для отображения нескольких (десятков или даже сотен) изображений используется один ресурсный файл. Она дает ощутимый выигрыш в скорости загрузки при использовании анимационных эффектов (например, смене изображения при наведении мыши), а также при большом количестве иконок на странице.

Читать про CSS Sprites (откроется в новой странице)


Экстремальная оптимизация

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

В качестве характерного примера использования таких техник можно примести главные страницы Яндекса и Yahoo!, на которых CSS- ш JS-файлы кроме стандартной минимизации еще и включены в итоговый HTML-код, а сам HTML отдается в виде gzip-архивов.

Логическим продолжением в данном случае будет использование схемы data:URL и base64-кодирования для подключения фоновых и обычных изображений. Результирующий размер gzip-файла увеличится на 5–10% (от размера изображения), однако, при этом удастся сэкономить один запрос к серверу. С помощью несложных вычислений можно подсчитать, при каком размере файла это рационально применять.

Однако, Internet Explorer не поддерживает эту технику (до версии 7 включительно). Для него можно использовать специальные хаки (в том числе, * html), условные комментарии или mhtml-схему, которая обеспечивает, практически, ту же функциональность, что и data:URL.

Кеширование

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

Читать про Кеширование (откроется в новой странице)


Параллельные загрузки

Для уменьшения удельного времени ответа от сервера при загрузке большого числа файлов можно разделить загрузку на несколько потоков (серверов). Сами сервера для такой цели (быстрой отдачи статических ресурсов) лучше настраивать под «легким» окружением (например, nginx). В качестве балансирующего параметра можно рассматривать как распределение по географическому принципу (например, кластеры в США, Европе, Азии), так и по нагрузке (пул свободных серверов определяется каждый раз при загрузке страницы). Также возможно использование балансировки на клиенте для достижения того же эффекта.

В качестве основных проблем стоит отметить необходимости создания хеш-функции от имени файла, чтобы один и тот же файл загружался только с одного сервера, иначе браузер будет запрашивать его с серверов-зеркал, пока не забьет кеш всеми его копиями. Также стоит ограничиться 4 хостами (для большого числа файлов), для небольшого (15–25) стоит использовать не более 3. 2 хоста разумно использовать, только если число файлов превосходит 10 из-за дополнительных расходов на распознавание имени в DNS-таблице.

Оптимизация JavaScript

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

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

Обновляйте DOM-дерево большими кусками. DOM-Обращения ресурсоемки, это почти как база данных для серверных приложений. Чем меньше будет у вас работы с DOM, тем быстрее будет ваш JavaScript. Отдельное слово по поводу обработчиков событий: сводите их количество к минимуму. В идеале, стоит повесить один-единственный onclick на «body» и обрабатывать уже источник клика. Если вам требуются менее глобальные эффекты — просто ограничьтесь одним обработчиков на блоке, в котором заключена требуемая область. Большое количество обработчиков событий (которые еще и забывают убирать из изменении HTML-кода на странице) приводит к утечкам памяти в IE.

ш несколько общих советов: кешируйте глобальные переменные в локальные (однако, тут могут быть нюансы, особенно с цепочками вызовов функций), избегайте использовать eval и setTimeout / setInterval (которые выполняют eval на передаваемую в качестве аргумента строку). Вместо этого можно использовать анонимные функции.
01
(function(){ ... }())

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

Статья сильно урезана

Полную статью можно прочитать на сайте www.webo.in: Оптимизация времени загрузки сайта

 

Дизайн » Веб дизайн » Раскрутка и оптимизация сайта » Оптимизация времени загрузки сайта

Как раскрутить сайт с помощью специалистов site-ok.com.ua

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

Продвижение сайта в поисковых системах - обязательность современности

На сегодняшний день продвижение сайта в поисковых системах считается необходимым условием для гарантии эффективности интернет-портала

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

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

Поисковая оптимизация, как эффективный метод раскрутки сайтов

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

Важнейшая составляющая успешного бизнеса - продвижение сайта!

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

Оптимизация времени загрузки сайта

Сегодня речь пойдет о способах ускорения загрузки сайта, методах увеличения эффективности сайта как инструмента продаж и оказания услуг

Продвижение веб-сайта и реальная прибыль от бизнеса

Учитывая значение, которое приобрела глобальна сеть в жизни общества, продвижение веб-сайта становится одним из эффективных способов при

Инструменты и программы для оптимизации сайта

интсруменны, программы, онлайн-сервисы, позволяющие максимально оптимизировать страницы сайта
Хостинг в Беларуси Новостная лента Добавить компанию Поиск Карта сайта

© diz-by.biz - Все направления дизайна на одном сайте