- Получите более высокую скорость загрузки
- Хорошая практика оптимизации кода
- Избегайте перенаправлений
- Сжатие контента
- Используйте ETags
- Контроль кеша и статическое хранилище
- Предыдущая загрузка элементов
- Уменьшить DNS-запросы
- Оптимизация изображений и мультимедийного контента.
- Оптимизация элементов
- Семинар по методам оптимизации кода
Помимо традиционных методов SEO, существуют и другие методы, которые позволяют нам улучшить позиционирование наших веб-страниц в поисковых системах и одновременно повысить скорость загрузки сети за счет оптимизации и рационализации инфраструктуры. поскольку Google объявит, что оценил скорость загрузки страниц при их индексации Была проделана большая работа по анализу и предложению изменений для оптимизации скорости загрузки сайта. Несмотря на то, что скорость загрузки действительно имеет низкий вес в логарифме Google (в основном штрафует медленные страницы), сокращение времени, которое пользователи могут полностью просматривать, помогает улучшить их работу в Интернете, что переводится на компанию в увеличение вашего заработка. Это то, что некоторые эксперты называют WPO ( оптимизация веб-производительности ).
Получите более высокую скорость загрузки
WPO основана исключительно на технологиях. То есть в улучшениях, связанных с сетевым подключением, оптимизацией веб-серверов и улучшением различных элементов самих веб-сайтов, от HTML до JavaScript, с помощью CSS или количества запросов к серверам. DNS.
В этом аспекте программирование страниц и инфраструктур, в которых он находится, играет решающую роль, особенно в Сайты, предназначенные для электронной коммерции , По мнению некоторых экспертов, компании должны инвестировать не менее 5% своих доходов, полученных через Интернет, в инфраструктуру самой сети. Правильно выбирайте хостинг-провайдера, располагайте соответствующей пропускной способностью, обеспечивайте масштабируемость, располагайте балансировщиками и распределителями контента, ... это основные элементы, обеспечивающие хорошую скорость загрузки. Но независимо от сокращенной пропускной способности и характеристик наших серверов, мы можем значительно увеличить скорость загрузки страницы, правильно управляя веб-кодом и кодом сервера.
Вот некоторые методы или стратегии, которые можно применять на веб-уровне программирования, которые могут помочь повысить скорость загрузки страницы.
Хорошая практика оптимизации кода
Уменьшите и распараллелите HTTP-запросы
Благодаря уменьшению количества HTTP-запросов время загрузки значительно сокращается. Следует иметь в виду, что в IPv4 больше трафика потребляется при запросе информации, чем при передаче самой информации. Среди других действий мы можем:
- Объедините несколько CSS или JavaScripts в один и поместите их в верхней части кода. JS без CSS лучше у ног.
- Аутсорсинг CSS и JS контента, чтобы они могли быть кэшированы.
- Уменьшите размер CSS и JS и сожмите его.
- Объедините изображения или иконки в CSS-спрайтах.
- Включите изображения в HTML или CSS с помощью метода «data:».
- Использование GET и JSON в AJAX-запросах.
- Лучше большая единица кода, чем несколько маленьких.
- Рационализация сценариев: «отсрочка», «неблокирующие сценарии», ...
- Избегайте ссылок на контент «404», чтобы избежать лишних HTTP-запросов.
- Сконфигурируйте перенаправления 301 с использованием HTACCESS, чтобы избежать стерильных запросов (базовый для SEO).
Уменьшить размер куки
Хотя cookie-файлы хранятся в виде простого текста и обычно не занимают большого размера, каждый раз, когда делается запрос, браузер отправляет информацию о cookie-файлах, которая соответствует запрашивающему домену. Для уменьшения количества запросов мы можем:
- Минимизируйте его размер и устраните те, которые не нужны.
- Применяйте куки на уровне домена-поддоменов.
- Применить промежуточную дату исключения (далеко или близко).
- Создание доменов без файлов cookie для статического содержимого.
Избегайте перенаправлений
Перенаправления - это тип HTTP-кода, который позволяет перемещаться с одной страницы на другую, сохраняя при этом определенную информацию. Каждый раз, когда мы делаем перенаправление, мы добавляем дополнительный запрос.
- Избегайте более 1 перенаправления
- Перенаправления, сопровождаемые «expires» или «cache-control»
- Автоматизировать панель '/' в конце URL
- Используйте Meta-refresh
Сжатие контента
Один из способов ускорить работу веб-сайтов - снизить скорость загрузки. Для этого многие серверы и браузеры позволяют использовать сжатие Gzip / Deflate, которое сжимает содержимое перед отправкой и распаковывает их при получении.
- Использовать протокол 'http / 1.1
- Активируйте Deflate в Apache
Используйте ETags
Хотя кэширование содержимого является хорошей системой, позволяющей избежать лишних запросов, другая система должна указывать время последнего изменения документа. Благодаря этой информации и сервер, и браузеры смогут определить, должен ли пользователь загружать новую версию контента или нет. Эта система полностью совместима и дополняет кэши, поэтому ее использование, особенно в динамическом контенте, становится практически необходимым.
- Вернуть заголовок ETag
- Заголовок ETag в DCN или Sharding домена
Контроль кеша и статическое хранилище
Несомненно, одним из способов уменьшения количества бесполезного трафика на сайте является использование систем кеширования. Благодаря этому и различными способами мы можем уменьшить количество запросов к серверу, если пользователь использует минимально новые браузеры. Равное отделение статических сайтов / контента от динамических позволит нам внести множество улучшений в отношении использования соответствующих технологий для каждого из случаев. Некоторые идеи:
- Географическое распространение статического контента с помощью инструментов распространения контента (CDN).
- Заголовки с контролем кеша и истечением срока действия.
- Кеш для статического контента
- Используйте «control cache: public» для кэширования защищенных соединений «https».
- В Apache используйте «MOD_CACHE», «MOD_DISK_CACHE», «MOD_MEM_CACHE», «MOD_FILE_CACHE» и «HTCACHECLEAN».
Предыдущая загрузка элементов
Один из способов ускорить работу веб-сайта - предварительная загрузка / кэширование элементов, позволяющих улучшить навигацию пользователя. Эта техника может быть очень полезной, особенно если мы знаем, что пользователь должен ориентироваться определенным образом, и мы можем предсказать его шаги.
Уменьшить DNS-запросы
Каждый раз, когда нам нужно узнать IP-адрес домена или субдомена, мы должны сделать запрос к DNS-серверам, что означает, что пользователь теряет некоторое время в этих запросах. Для уменьшения количества запросов мы можем:
- Настройка DNS: управлять TTL, избегать экзотических доменов, географически распределять DNS (через CDN), отделять общедоступный DNS от частного или деактивировать рекурсию.
- Минимизируйте внешние запросы
- Используйте асинхронные скрипты
- Сократите использование CNAME.
- Предварительная выборка DNS: ожидание запросов доменов, разрешающих DNS, до загрузки страницы или соответствующего элемента на последующих страницах или в элементах самой страницы.
Оптимизация изображений и мультимедийного контента.
В рамках технологий WPO и SEO в целом изображения занимают очень важное место при определении содержимого страницы. Видео, flash и другие мультимедийные элементы обычно являются внешними элементами и могут представлять собой перегрузку. Некоторые рекомендации будут:
- Уменьшить вес изображений
- Кодировать JPG и PNG
- Масштабировать изображения для отображения размера
- Используйте 'favicon.ico' small и cacheables
- Сжатие Flash-файлов
Оптимизация элементов
Оптимизация исходного кода, чтобы браузер не мог управлять большим количеством элементов, чем это необходимо.
- Очистите HTML-код и закройте все элементы.
- Уменьшите количество <iframes>.
- Используйте таблицы с фиксированной шириной
Это лишь некоторые из элементов, с которыми мы можем работать на уровне программирования, хотя есть и много других, в том числе и на уровне сервера, которые могут помочь нам повысить нагрузочную способность наших веб-страниц и, как следствие, повысить степень удовлетворенности пользователей. И в настоящее время, чтобы стратегия SEO была успешной, она должна быть ориентирована на пользователя и на то, как улучшить его опыт во время его посещения.
Семинар по методам оптимизации кода
Для получения дополнительной информации о том, как повысить скорость загрузки с помощью кода и без необходимости изменять функции хостинга веб-страниц, подпишитесь на бесплатный семинар ' Методы отладки кода «который состоится 27 марта или свяжитесь с нами ,
