Новости

6 способов ускорить загрузку вашего сайта

6 способов ускорить загрузку вашего сайта

Если ваш сайт загружается вечно, то этот пост научит вас проверенным и правильным стратегиям ускорения вашего сайта бесплатно

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

Когда я иду в интернет-магазин, я ожидаю, что страницы будут загружаться в худшем случае в течение 5-10 секунд. Дольше, чем это, и я становлюсь беспокойным, или я ухожу из магазина вообще.

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

Фото Лейгарнет

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

Например, 3 года назад, когда мы с женой впервые запустили наш интернет-магазин, более 35% наших клиентов использовали dialup. В результате нам пришлось резко сократить дизайн нашего веб-сайта, чтобы обеспечить быстрый опыт покупок при скорости загрузки всего 56 КБ.

Сегодня только 2% наших клиентов используют dialup (слава богу!), Поэтому мы можем безопасно добавлять больше мультимедийного контента, не влияя на пользовательский опыт.

Чтобы определить максимальный размер любой данной страницы, я обычно умножаю 5 секунд на средневзвешенную пропускную способность моих веб-посетителей. Например, если большинство моих посетителей используют DSL, я могу предположить, что скорость загрузки составляет 1 Мбит, и решить, что 5 Мбит – это максимальный размер, который должна быть у любой данной веб-страницы.

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

Однако во всех случаях быстрее всегда лучше. Как я упоминал в своем последнем сообщении, скорость веб-сайта не всегда зависит от вашего веб-хостинга. Фактически, большую часть времени веб-мастер виноват в вялом веб-сайте, а не в медленном сервере. Эта статья опишет несколько советов о том, как ускорить процесс.

Решите, что является наиболее важным и измените порядок загрузки

Ускорение вашего сайта – это не всегда вырезание изображений и контента. Иногда вам может понравиться ваш сайт именно таким, какой он есть, и вам не хочется ничего менять.

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

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

Например, на MyWifeQuitHerJob.com я всегда проверяю, чтобы весь сочный контент всплывал первым, прежде чем это сделают рекламные объявления. Таким образом, если реклама загружается медленно, она не затягивает весь блог.

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

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

Например, несмотря на то, что мое объявление 728 × 90 отображается в самом верху моего MyWifeQuitHerJob.com, я проверяю, загружается ли оно последним, выполнив следующие шаги.

  • Я создаю пустое <div id = »banner728 ″>, где должно быть объявление, и устанавливаю его id« banner728 ». Это эффективно создает пустой заполнитель, который я могу позже загрузить, используя JavaScript
  • В самом конце страницы я включаю следующий фрагмент javascript
    <script type = »text / javascript»>
    document.getElementById («banner728»). InnerHTML = «нужный код рекламного баннера»;
    Этот код находит заполнитель «banner728», который я установил выше, и вставляет рекламный баннер в
    . Поскольку этот скрипт находится в самом конце файла, он загружается последним после всего остального.

    Не используйте изменение размера изображения HTML

    Распространенная ошибка, которую я вижу, которую делают многие новички, заключается в том, чтобы полагаться на html для уменьшения и изменения размера изображений. Хотя эта техника работает и кажется безвредной, она абсолютно убьет производительность вашего сайта.

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

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

    Оптимизируйте ваши изображения

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

    Перед тем, как показывать их на своей странице, убедитесь, что вы максимально оптимизируете и уменьшите свои изображения. Я часто выбираю качество JPEG 50% или меньше, используя Photoshop с изображениями на моих сайтах.

    Если вы используете GIFS, убедитесь, что вы не используете большую цветовую палитру, чем вам действительно нужно. Если вы можете выбрать только 16 цветов, выберите свой GIF только с 16 цветовыми палитрами.

    Проанализируйте все свои GIF-файлы, чтобы убедиться, что ни один из цветовых интервалов не теряется из-за дубликатов.

    Хост видео и большие изображения с третьей стороной

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

    Например, вместо размещения видео на вашем собственном сервере, почему бы не использовать YouTube или Vimeo? Если вы хотите владеть контентом, который вы производите, вы также можете оплатить и использовать такой сервис, как Amazon S3. Оставьте контент с высокой пропускной способностью для больших мальчиков.

    Избегайте использования стороннего кода или горячих ссылок

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

    Кроме того, каждый раз, когда ваш сайт обращается к стороннему серверу, необходимо выполнить поиск DNS, что может занять довольно много времени в зависимости от перегрузки сети.

    Задержка в несколько сотен миллисекунд может показаться не такой уж большой, но если вы извлекаете код с 10 разных серверов, поиск может увеличить задержку до нескольких секунд.

    Воспользуйтесь преимуществами кэширования и сжатия

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

    К сожалению, не все общие веб-хосты имеют сжатие на своих серверах. Если ваш сайт находится на общем веб-хосте, обязательно спросите их, поддерживают ли их серверы mod_deflate или mod_gzip.

    Если сжатие поддерживается вашим сервером, убедитесь, что вы включили его на своем веб-сайте, выполнив действия, описанные в этой статье. Если вы используете WordPress, плагин WP-SuperCache уже обрабатывает сжатие для вас.

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

    Скорость имеет значение

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

    Я был очень шокирован, увидев, что в нашем интернет-магазине все еще есть клиенты с коммутируемым доступом! Если они у меня еще есть, вы тоже можете.

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

    Вы читали это?

    Everything you need to know to start a profitable blog and build an audience

    • Find a profitable niche
    • Setup a WordPress blog
    • Generate traffic to your site

    Enter your primary email address below and receive my FREE 6 Day Mini-Course and weekly tips on How To Create A Profitable Blog

    Learn How To Start A Profitable Blog

    6 способов ускорить загрузку вашего сайта

    Источник записи: https://mywifequitherjob.com

Похожие записи

Новости

Обзор Jilt: восстановление упущенной выручки с помощью электронных писем о брошенной корзине

Новости

Как назвать бизнес: придумайте название для стартапа

Новости

Обзор Packlane: создайте индивидуальный фирменный опыт распаковки

Новости

Как увеличить посещаемость сайта: 6 способов привлечь трафик в ваш бизнес