7 новых (и относительно простых) способов ускорить загрузку вашего сайта

 
 

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

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

Со временем способы сделать веб-сайт быстрее были в основном вариациями одного и того же.

  1. Сделайте свой сервер быстрее (лучшее оборудование, лучшее кэширование)
  2. Сделайте свой сайт меньше (минимизированный контент, изображения, оптимизированные ресурсы)
  3. Делайте меньше подключений и держите их на более коротком расстоянии (комбинация файлов CSS и JS и использование CDN)

Тем не менее, в Интернете в последнее время наблюдается возрождение усилий по ускорению загрузки веб-сайтов.

Основной причиной этого стало распространение смартфонов. Хотя фактическая мощность смартфонов огромна, интернет-соединения, через которые они работают, обычно ограничены.

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

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

1. Включите PHP 7 на вашем хостинге, чтобы дать вашему сайту мгновенный прирост

Мы начнем с PHP 7.

Бенчмарки PHP 7 показали, что производительность PHP 7 по сравнению с предыдущей стабильной версией PHP 5.6 в два раза выше, а иногда даже больше.

Как ясно видно из двух приведенных ниже тестовых графиков, мы видим, что PHP 7 постоянно обеспечивает феноменальный прирост скорости по сравнению с PHP5.6.

Самое замечательное в включении PHP 7 заключается в том, что обычно это можно сделать очень и очень легко.

Большинство хостов уже включили механизмы PHP 7 на своих серверах хостинга. Обычно это просто вопрос поиска менеджера версий PHP или конфигурации PHP и включения PHP 7.

Просто включите и перезагрузите свой сайт.

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

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

Вы не пожалеете об этом.

2. HHVM — виртуальная машина с открытым исходным кодом (и быстрая!) для PHP и Hack.

Если вы внимательно изучили приведенные выше графики, вы заметите, что помимо графика для PHP 7 есть также график для HHVM, время выполнения кода которого в большинстве случаев БЫСТРЕЕ, чем у PHP 7.

HHVM — это виртуальная машина с открытым исходным кодом, предназначенная для выполнения кода PHP и Hack (диалект PHP).

HHVM был разработан Facebook, а последний стабильный выпуск вышел в марте 2016 года. Facebook фактически использует HHVM на своих собственных рабочих серверах, в то время как некоторые передовые хостинговые компании начали выпускать его на свои серверы через несколько недель после стабильного выпуска.

Под капотом виртуальная машина HHVM использует концепции компиляции JIT (точно в срок), такие как виртуальные машины Java или C# (в отличие от механизма выполнения PHP, который использует интерпретируемое выполнение). Он использует информацию о реальном типе с собственного компьютера, на котором он выполняется, для создания более эффективного собственного кода. Эти конкретные оптимизации на машинном уровне приводят к более высокой пропускной способности веб-сервера, меньшему времени задержки и, как следствие, значительному повышению производительности.

Если вам нужно быстрое время отклика на вашем веб-сайте, например, когда вы заходите на Facebook, вы можете начать думать о том, что потребуется для использования HHVM для вашего кода. SiteGround — одна из компаний, которые поддерживают HHVM в своем облачном хостинге.

3. HTTP/2 — действительно более быстрый веб-сайт

HTTP/2 ускоряет загрузку вашего веб-сайта по очень простой причине — он был разработан в первую очередь с целью преодоления проблем с производительностью загрузки веб-сайта в HTTP 1.1.

HTTP/2 позволяет веб-сайтам загружаться быстрее благодаря следующим улучшениям:

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

HTTP/2 полностью мультиплексирован, а не упорядочен и блокируется, что означает, что запросы на ресурсы не нужно ставить в очередь.

HTTP/2 может использовать одно и то же соединение для передачи нескольких ресурсов. В HTTP 1.1 нам пришлось сократить количество запросов, выполнив объединение файлов, поскольку создание соединения для каждого запроса требовало значительных накладных расходов. HTTP/2 может использовать одно и то же соединение для нескольких ресурсов, устраняя накладные расходы на создание соединения для каждого ресурса.

HTTP/2 использует сжатие заголовков для уменьшения накладных расходов при создании соединения.

HTTP/2 позволяет серверам активно «проталкивать» ответы в клиентские кеши — по сути, серверам HTTP/2 не нужно ждать, пока браузер запросит каждый нужный файл. Серверы фактически вытесняют браузеры, отправляя клиенту файлы, которые, как они знают, потребуются для загрузки текущего веб-сайта.

HTTP/2 произошел от SPDY, протокола, разработанного Google, чтобы «сделать Интернет в два раза быстрее «.

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

Если вы управляете собственным сервером, обязательно обновите сервер с помощью библиотек HTTP/2.

4. Ускоренные мобильные страницы

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

AMP именно так — это спецификация, созданная Google и рядом крупных публикаций, которая создает спецификацию HTML, которая предписывает использование определенного HTML определенным образом, чтобы он был полностью оптимизирован для ускорения загрузки веб-сайта.

Итак, вам нужно разработать свой веб-сайт или шаблон с нуля, чтобы использовать AMP?

Нет — совсем нет.

Основные CMS, такие как WordPress и Joomla, создали плагины, которые создают версию страниц AMP. Чтобы продвигать страницы AMP, вам просто нужно установить плагин WordPress AMP, в то время как для Joomla есть сторонний плагин, который включает страницы AMP Joomla.

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

5. Моментальные статьи

Не желая отставать в гонке за ускорение веб-сайтов, Facebook, основной конкурент Google (по крайней мере, по рекламным бюджетам), создал собственную спецификацию для ускорения загрузки статей.

Мгновенные статьи, которые являются спецификацией Facebook, как говорят, загружают статьи до 10 раз быстрее, чем обычные мобильные веб-статьи.

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

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

Если вы используете сайт WordPress, вам необходимо установить плагин Instant Articles, а затем выполнить процесс подачи заявки на Facebook, чтобы иметь возможность начать доставку моментальных статей Facebook.

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

6. Nginx — более быстрый веб-сервер

До этого момента в статье мы в основном фокусировались на оптимизации, которая существует помимо веб-сервера.

Но говоря о веб-серверах, если у вас есть возможность запустить свой веб-сайт на Nginx, а не на (ранее более распространенном) сервере Apache, сделайте это.

Хотя Nginx всего около 10 лет, он стал самым популярным веб-сервером после Apache.

Одна цитата ниже просто резюмирует производительность Nginx:

«Apache похож на Microsoft Word. У него миллион вариантов, но вам нужно только шесть. NGINX делает эти шесть вещей, и пять из них он делает в 50 раз быстрее, чем Apache».

Крис Ли

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

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

7. SSD-накопители

Финальная оптимизация совсем не передовая. Это было вокруг некоторое время.

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

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

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

Вывод — готовы сделать так, чтобы ваш сайт загружался в несколько раз быстрее?

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

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

Пользователи вашего веб-сайта тонко (но обязательно) почувствуют, что ваш веб-сайт лучше, и определенно останутся на нем дольше.

3D-печать5GABC-анализAndroidAppleAppStoreAsusCall-центрChatGPTCRMDellDNSDrupalExcelFacebookFMCGGoogleHuaweiInstagramiPhoneLinkedInLinuxMagentoMicrosoftNvidiaOpenCartPlayStationPOS материалPPC-специалистRuTubeSamsungSEO-услугиSMMSnapchatSonyStarlinkTikTokTwitterUbuntuUp-saleViasatVPNWhatsAppWindowsWordPressXiaomiYouTubeZoomАвдеевкаАктивные продажиАкцияАлександровск ЛНРАлмазнаяАлчевскАмвросиевкаАнализ конкурентовАнализ продажАнтимерчандайзингАнтрацитАртемовскАртемовск ЛНРАссортиментная политикаБелгородБелицкоеБелозерскоеБердянскБизнес-идеи (стартапы)БрендБрянкаБукингВахрушевоВендорВидеоВикипедияВирусная рекламаВирусный маркетингВладивостокВнутренние продажиВнутренний маркетингВолгоградВолновахаВоронежГорловкаГорнякГорскоеДебальцевоДебиторкаДебиторская задолженностьДезинтермедитацияДзержинскДивизионная система управленияДизайнДимитровДирект-маркетингДисконтДистрибьюторДистрибьюцияДобропольеДокучаевскДоменДружковкаЕкатеринбургЕнакиевоЖдановкаЗапорожьеЗимогорьеЗолотоеЗоринскЗугрэсИжевскИловайскИрминоКазаньКалининградКировскКировскоеКомсомольскоеКонстантиновкаКонтент-маркетингКонтент-планКопирайтингКраматорскКрасноармейскКрасногоровкаКраснодарКраснодонКраснопартизанскКрасный ЛиманКрасный ЛучКременнаяКураховоКурскЛисичанскЛуганскЛутугиноМакеевкаМариупольМаркетингМаркетинговая информацияМаркетинговые исследованияМаркетинговый каналМаркетинг услугМаркетологМарьинкаМедиаМелекиноМелитопольМенеджментМерчандайзерМерчандайзингМиусинскМолодогвардейскМоскваМоспиноНижний НовгородНиколаевНиколаевкаНишевой маркетингНовоазовскНовогродовкаНоводружескНовосибирскНумерическая дистрибьюцияОдессаОмскОтдел маркетингаПартизанский маркетингПервомайскПеревальскПетровскоеПлата за кликПоисковая оптимизацияПопаснаяПравило ПаретоПривольеПрогнозирование продажПродвижение сайтов в ДонецкеПроизводство видеоПромоПромоушнПрямой маркетингРабота для маркетологаРабота для студентаРазработка приложенийРаспродажаРегиональные продажиРекламаРеклама на асфальтеРемаркетингРетро-бонусРибейтРитейлРовенькиРодинскоеРостов-на-ДонуРубежноеСамараСанкт-ПетербургСаратовСватовоСвердловскСветлодарскСвятогорскСевастопольСеверодонецкСеверскСедовоСейлз промоушнСелидовоСимферопольСинергияСколковоСлавянскСнежноеСоздание сайтов в ДонецкеСоледарСоциальные сетиСочиСтаробельскСтаробешевоСтахановСтимулирование сбытаСуходольскСчастьеТелемаркетингТельмановоТираспольТорговый представительТорезТрейд маркетингТрейд промоушнТюменьУглегорскУгледарУкраинскХабаровскХарцызскХерсонХостингЦелевая аудиторияЦифровой маркетингЧасов ЯрЧелябинскШахтерскЮжно-СахалинскЮнокоммунаровскЯндексЯсиноватая