00:34 5 отличных советов по оптимизации и ускорения сайта | |
Скорость вашего сайта как быстро он загружается в браузер пользователя очень важна по двум причинам, каждый из которых может быть выражен с помощью известного аббревиатуры. Страницы быстрой загрузки поощряют пользователей просматривать больше страниц и улучшать общий опыт на вашем сайте. Пользователи стали гораздо менее терпимыми к медленным нагрузкам, чем в прошлом, особенно потому, что скорость мобильной сети приучила их к более удачному веб интерфейсу даже в дороге. Если вы хотите, чтобы пользователи оставались на вашем сайте дольше, часто возвращайтесь и рассказывайте об этом больше друзей, вам определенно нужен быстрый сайт. Большинство данных, отправленных сервером в браузеры посетителей, вероятно, в виде изображений. Таким образом, конденсационные файлы изображений отличный способ уменьшить пропускную способность и, следовательно, увеличить скорость сайта. Сохраните файлы изображений в их фактическом размере. В то время как с помощью HTML или CSS легко масштабировать большой файл изображения для отображения меньшего размера, это может быть огромная трата пропускной способности. Изображения должны сохраняться в файлах с фактическим размером экрана. Если растровое изображение будет отображаться в нескольких размерах, сохраните изображение разных размеров и используйте код HTML или CSS, чтобы выбрать правильное изображение для каждого размера. Совет No2 код сайта Каждая страница, отправленная с вашего веб-сервера в браузер, содержит много кода в виде HTML, CSS и JavaScript. Этот код обычно создается и поддерживается в форме, подходящей для чтения людьми, включая пробелы, вкладки, разрывы строк и комментарии разработчиков, которые все игнорируются браузером при обработке кода. Таким образом, вместо отправки всех этих неиспользуемых символов «модификация» конденсирует код, удаляя все ненужные материалы, не затрагивая функциональность. Это приводит к тому, что меньше данных отправляются и обрабатываются, что приводит к более быстрому времени загрузки страницы. Некоторые из более продвинутых инструментов для минимизации могут фактически идентифицировать и удалять избыточный или неиспользуемый код CSS и JavaScript, сокращать имена стилей и переменных и реализовывать другие методы для дальнейшего сокращения объема требуемых данных. Например, язык CSS предлагает множество способов написания кода с помощью ярлыков и унаследованных атрибутов, которые значительно уменьшают количество кода, необходимого для выполнения того же самого. Совет 3 Используйте AJAX, чтобы избежать перезагрузки страницы Совет № 3 - Используйте AJAX, чтобы избежать перезагрузки страницы AJAX это технология на основе JavaScript, которая позволяет браузеру взаимодействовать с сервером для выполнения задач без необходимости перезагрузки всей страницы. Всегда быстрее и лучше работать с пользователем использовать AJAX для обновления контента на странице в ответ на действие пользователя выбор по сравнению с перезагрузкой всей страницы. Примеры включают отображение выбранной информации, отправку формы, принятие рейтинга комментария и добавление товара в корзину покупок. Совет No4 Перемещение кода JavaScript и CSS во внешние файлы Вместо того, чтобы включать JavaScript и CSS-код, используемые в разных страницах на этих отдельных страницах HTML, более эффективно сохранять этот код во внешних файлах, на которые ссылается код HTML-страницы. Такой подход может ускорить загрузку каждой страницы с использованием того же кода после отображения первой страницы, которая ее использует. Это связано с тем, что внешние файлы JavaScript и CSS кэшируются браузером после их первоначальной загрузки, что ускоряет отображение всех последующих страниц, ссылающихся на один и тот же код. Совет 5 Включить кеширование браузера Кеширование браузера это технология, позволяющая браузерам ваших посетителей хранить копии файлов «локально» (на их компьютере), что значительно сокращает время загрузки последующих страниц. Кэшированные файлы могут быть изображениями, скриптами, CSS и содержимым страницы. Поскольку браузеру не нужно извлекать каждый файл с сервера каждый раз, когда загружается страница, посетители получат гораздо более быстрый просмотр. Существуют различные способы включения кеширования браузера, в зависимости от платформы вашего сайта. Например, если ваш сайт работает в WordPress, настройка популярного плагина W3 Total Cache сделает трюк. Либо сделайте некоторые исследования самостоятельно, чтобы выяснить, какие у вас есть варианты, или попросите своего разработчика веб-сайта установить это для вас. | |
|
Всего комментариев: 0 | |