loading

Оптимизация сайта

opt2.jpgМедленная загрузка сайта в браузере может поставить под угрозу успешность любого ресурса, как бы привлекательно он не выглядел. Даже присутствие интереснейшей информации, множества разнообразных картинок и анимации не спасет от этого.Но чаще всего бывает, что каждый элемент веб-страницы вам необходим, дорог каждый java-скрипт, любая картинка. Способы оптимизации сайта, ускорения его работы и загрузки будут темой нашего разговора.Количество запросов, которые формирует браузер, и длительность их исполнения определяет непосредственное время загрузки страницы. Давайте рассмотрим советы по оптимизации вашего сайта. В первую очередь они подходят владельцам порталов и интернет магазинов, созданных на базе CMS, так как эти ресурсы чаще всего сталкиваются с подобными проблемами.

Первый совет. Использование таблиц стилей.

Несомненное удобство этого инструмента давно доказано. Они чрезвычайно легки в применении, поэтому должны использоваться во всех порталах без исключения. Часто бывает, что браузер вынужден делать запросы многократно, из-за использования нескольких таблиц стилей. Тратится больше времени на отправку, значит, увеличивается время загрузки, особенно это заметно при использовании CMS.Следовательно, вам необходимо объединить все таблицы стилей, применяющиеся на данном ресурсе, в один файл. Полученный файл так же следует подвергнуть оптимизации. Проверяйте исходный код страниц, ненужные строки, пробелы должны быть удалены, информацию о цветах можно сократить. В написании белого цвета, например, вместо «#ffffff» пишите – «#fff», в результате вы получите намного меньший размер файла, ускоряя его загрузку. Таблицы стилей в коде подключаются в самой верхней части страницы, районе тегов HEAD.

Второй совет. Использование java-скриптов.

Для корректной работы использующихся в коде java - скриптов, следует подключать необходимые библиотеки. Часто они являются подгружаемыми из файлов, принадлежащих сайту, но их можно хранить и в сжатом виде на специализированных Интернет - сервисах, например, google. В отличие от самих таблиц стилей, коды скриптов, строки подключения библиотек, следует размещать в конце страниц сайта. Встретив java-код на своём пути, браузер прекращает загрузку до тех пор, пока не обработает его полностью. Кроме того, файлы, содержащие скрипты, как и в случае с таблицами стилей, следует объединять. На помощь приходят специальные сервисы, которые достаточно быстро и качественно выполнят слияние.

Третий совет. Использование css спрайтов.

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

Четвертый совет.Технология кэширования страниц сайта.

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




icon warning
 (Голосов: 1)

icon edit jonlogicon date(22 июня 2012)
icon print
Добавление комментария:
Имя:
Пароль: (если зарегистрирован)
Email: (обязательно!)
captcha
- Как обратиться к администратору сети. : Да, в дополнение к моему обращ...
----------
- Как обратиться к администратору сети. : Здравствуйте! Помогите разобра...
----------
- Как обратиться к администратору сети. : При нажатии на кнопку ПОЧТА ,в...
----------
- Как обратиться к администратору сети. : У меня не открываются порты, в...
----------
- Как обратиться к администратору сети. : Здравствуйте! Нужна помощь не ...
----------
Up
Down