Како да ваша веб локација буде брза у 6 једноставних корака.

Ево неколико техника за повећање брзине веб странице које не бисте требали пропустити.

Ако се ваша веб локација не учита у року од 3 секунде, можете изгубити потенцијални приход и пропустити виши ранг у претраживачу. Слично томе, ако нисте довољно сигурни, дајете прилику хакерима да пронађу вашу веб локацију због губитка репутације и пословања.

Сходно томе, не можете побећи од подешавања безбедности и перформанси за боље и безбедно корисничко искуство.

Дакле, када говоримо о оптимизацији перформанси, чујемо ствари као што су омогућавање компресије, минимизирање датотека, кеширање, коришћење лаганих тема, задржавање минималних додатака итд.

Они су у реду, али има још много тога што смо навели у овом чланку које можете применити на било коју платформу, као што су ВордПресс, Јоомла, Магенто, Друпал, Ноде.јс, итд.

Да видимо шта већ имате, а шта не.

Добар хостинг пакет

Понекад је једина грешка коју правите одабир лошег веб домаћина и заједничког хостинг плана.

Али лично мислим да се не ради о лошим домаћинима. Углавном се ради о ултра јефтиним претплатама на хостинг.

Нешто није у реду када ваши месечни рачуни за хостовање коштају мање од шољице кафе.

Претпоставимо да дељени хостинг представља пренатрпан аутобус у који нико не жели да уђе, али се ионако увлачи због „привлачне“ цене.

Најуносније ствари у вези са дељеним хостингом су уводни попусти и неупоредива непрозирност о томе колико веб локација дели један сервер.

Дозволите да вам ово разбијем; те бројке се обично крећу у стотинама.

Ово доводи до честих уских грла у перформансама суседа са буком, а велики део таквих веб локација никада не живи довољно да види прву страницу Гоогле претраге.

Коначно, пређите на ВПС или наменске сервере за пројекте који су важни.

Мрежа за испоруку садржаја

ЦДН, скраћеница од мреже за испоруку садржаја, је други по реду након што одаберете добар веб хостинг пакет.

Ово је потребно свима који имају глобалну публику. Разлог је што не можете свуда да хостујете веб локацију; остаје стациониран на једној локацији. Дакле, удаљеност представља спојлер када имате јапанског корисника који покушава да приступи вашој веб локацији која се налази у Њујорку, САД.

Међутим, претплата на ЦДН као што је Цлоудфларе решава овај проблем локализације. ЦДН хостује копије ваших веб локација на својој мрежи сервера и опслужује захтеве са најближег сервера. Ово смањује оптерећење на једном централном серверу који може бити удаљен океанима.

Поред тога, на основу ЦДН-а, можда ћете уживати већу сигурност од онога што обичан веб хост може да понуди.

Омогући ИПв6

ИПв6 је бржи од ИПв4. ЛинкедИн је пронашао побољшање од 40% у Европи, а Фацебоок око 10-15% приступом преко ИПв6.

Погледајте графикон глобалног усвајања ИПв6 од стране Гоогле-а.

Приближно 42% корисника повезује се на Гоогле преко ИПв6, али постоји само 21,2% веб локација са омогућеним ИПв6.

Занимљиво је да је Цлоудфларе открио да се веб странице са омогућеним ИПв6 учитавају 27% брже од њихових ИПв4 колега.

Дакле, да ли ваша веб локација има ИПв6? Нисам сигуран! Можете га тестирати на мрежи.

  Како пронаћи калорије које сте сагорели ходањем на вашем иПхоне-у

У случају да није, ево како то можете да урадите.

Већина ЦДН провајдера као што су Цлоудфларе, Инцапсула, ЦацхеФли, АКАМАИ нуде ИПв6. Можете да проверите контролну таблу да бисте их омогућили.

Ако не користите ЦДН и хостинг на ВПС-у као што су Линоде, ДигиталОцеан, итд., погледајте ово да бисте дозволили ИПв6 на Нгинк и Апацхе веб серверима.

ИПв6 ништа не штети и било би забавно за брзу победу од око 10% смањења времена учитавања странице.

Идите на ХТТП/3 или ХТТП/2

ХТТП је технологија у развоју која се користи за учитавање веб страница када посетимо било коју УРЛ адресу у веб прегледачима.

Све је почело са ХТТП/0.9 1991. године, а праћено је ажурирањима попут ХТТП/2 и тренутно највећег ХТТП/3.

ХТТП/2 је донео многе предности у односу на ХТТП/1.1, укључујући:

  • Сервер пусх
  • Мултиплексирање
  • Одређивање приоритета ресурса
  • Компресија заглавља
  • Мало кашњење

Тренутно га користи 39,3% веб локација и седам пута је бржи од ХТТП/1.1. Преласком на ХТТП/2, можете очекивати да ћете смањити време учитавања странице до 30 до 40%.

Проверите да ли је на вашој веб локацији омогућен ХТТП/2.

Међутим, ХТТП/2 има своје проблеме.

На пример, пати од главног блокирања. Овде сваки проблем са ТЦП везом може довести до блокирања свих токова. Али са ХТТП/3 заснованим на УДП-у, губитак једног пакета не утиче на сваки други ток.

Поред тога, ХТТП/3 омогућава ниже кашњење избегавањем ТЛС руковања при поновном повезивању. Све у свему, ХТТП/3 доноси сву доброту ХТТП/2, али без повезаног превлачења.

Проверите да ли је на вашој веб локацији омогућен ХТТП/3.

Можете да проверите подршку за ХТТП/3 или ХТТП/2 са својим веб домаћином. Алтернативно, ваш ЦДН провајдер може имати једноставно пребацивање на вашу жељену ХТТП верзију.

Оптимизација слике

Нико не жели да прође кроз зид текста који слике чини незаобилазним делом сваке веб странице. С друге стране, поседовање слика на веб страници отежава је и продужава време учитавања странице.

Дакле, решење захтева сервирање слика у релативно лакшем формату као што је ВебП или АВИФ. Не само да драстично смањује величину (више од 80% у неким случајевима), квалитет излаза остаје у суштини исти.

Сада можете да конвертујете и отпремите директно у ове формате следеће генерације. Или се претплатите на услугу конверзије треће стране, као што је Оптимоле, да бисте то урадили у ходу.

Смањите вишак ХТТП захтева

Веб локација се никада не учитава као један комад. Уместо тога, сваки елемент, текст, слике, ЦСС, ЈаваСцрипт, итд., долази као ХТТП захтев.

А све остале ствари су остале једнаке, веб страница са мање бр. ХТТП захтева се учитава брже од оних са више њих.

Коначно, у нашем је најбољем интересу да број ХТТП захтева учинимо што мањим.

Из свог личног ВордПресс искуства, могу рећи да одабир лагане теме као што је Генерате Пресс помаже. Поред тога, смањење броја додатака такође доприноси брзом и безбедном веб сајту.

Међутим, то је посебна тема којој треба посветити посебну пажњу.

Конкретно, проверите да ли ово чини мање ХТТП захтева ако имате веб локацију ВордПресс.

Пребаците се на фонтове безбедне на вебу

Сви желимо да наше веб странице изгледају јединствено и прилагођено корисницима. И први корак који многи предузимају је да пређу на други фонт.

И срећом, постоји неколико бесплатних опција, укључујући Гоогле фонтове. Међутим, ово ће додати више ХТТП захтева. И да буде још горе, ваша веб локација ће се вратити на системске фонтове ако се сервер фонтова треће стране икада искључи.

  Како прећи уживо у Дисцорд

Да би се томе супротставили, неки вебмастери сами хостују фонтове на својим веб локацијама, што је корак ка самопоуздању. Међутим, и даље додаје датотеку коју треба учитати са вашег сервера на уређај корисника. То значи додатне ХТТП захтеве, који подразумевају смањење перформанси, без обзира колико мало.

Сходно томе, постоје одређени фонтови безбедни на вебу које можете да користите за најбрже могуће искуство без ризика да промените фонт током квара сервера. Ови фонтови се називају системски фонтови и уобичајени су међу Виндовс рачунарима, Мац рачунарима, Линук системима, иОС, Андроид итд.

Ево неколико фонтова безбедних на вебу:

  • Ариал
  • Вердана
  • Требуцхет-МС
  • Тахома
  • Тимес Нев Роман
  • Георгиа
  • Утицај итд.

Искористите кеширање

Кеширање значи локално складиштење података. Ово обезбеђује најбрже могуће учитавање веб локације при поновним посетама. Стручњаци често препоручују примену кеширања како би се смањило време учитавања.

На пример, ВордПресс има много додатака за кеширање, као што је ВП Фастест Цацхе. Алтернативно, може се применити кеширање претраживача уређивањем .хтаццесс датотеке.

Међутим, заснива се на платформи и могу постојати различити начини да се ово примени.

Асинхроно учитавање

Ово је још једна страница директно из мог личног ВордПресс искуства. У ствари, оно што се догодило јесте да је Гоогле Сеарцх Цонсоле издао упозорење о мојих 40+ постова на блогу који нису прошли основни тест веб виталс.

Основни веб виталс је Гоогле-ова процена странице и важна је за све који покушавају да се високо рангирају на свом претраживачу.

Да бисте ово боље разумели, погледајте ову анализу брзине странице у једном од чланака вдзвдз-а:

Захваљујући нашим програмерима ВордПресс-а, прошао је ове тестове сјајно.

Али на мом личном пројекту, посебно сам био неуспешан у Највећој Боји са садржајем (ЛЦП) и Првом Цонтентфул Паинт-у (ФЦП). Конкретно, ЛЦП је био 3,3 секунде, а ФЦП је био око 2,4 секунде.

Пошто сам блогер са не-ИТ позадином, нисам могао да га оптимизујем више од једне тачке. На својој скали, означио сам све праве оквире: премиум тему, без додатних додатака, системских фонтова, ВебП слике, хостинг у облаку итд.

Оно што је помогло је једно пребацивање у Јетпацк боост ВордПресс додатку:

Укратко, асинхроно учитава Јавасцрипт треће стране тако што прилаже асинц или дефер атрибуте на ознаке <сцрипт>. На овај начин, скрипте се учитавају одвојено у позадини без блокирања конструкције странице.

За мене, ова појединачна мера је смањила ЛЦП и ФЦП на 1,7 и 1,2 с, респективно.

Само да знате, такође сам уклонио истакнуту слику из изгледа једног поста поред овог прекидача за одлагање не-есенцијалног ЈаваСцрипт-а пре него што добијем те ЛЦП и ФЦП вредности.

Минимизирајте преусмеравање

У идеалном случају, не би требало да постоји преусмеравање за најбољи могући учинак веб локације. Међутим, сви ми користимо преусмеравање везе у неком тренутку.

Ипак, правило је једноставно: свако преусмеравање додаје неко време учитавању странице. Додајте превише преусмеравања и корисник ће брже одскочити на неко место осим ако ваш посао није Аппле продавница на интернету где се људи сваки пут стану у ред да би добили ново издање 😀.

Пажљиво са видео записима

Видео снимци побољшавају време на страници и помажу у избегавању монотоније текста. Они су одлична надоградња у односу на слике и много пута су неизбежни.

А најочигледнији начин да то урадите је уграђивање ИоуТубе видео снимака. Међутим, можете да упоредите две веб странице са и без ИоуТубе видео снимака са Гоогле ПагеСпеед-ом да бисте проценили колики је тежак допринос перформансама веб странице које ови уграђивани имају.

  Како пронаћи и уклонити дупликате у Гоогле табелама

За илустрацију, објавио сам два поста на нашој веб страници за тестирање. Један има ИоуТубе видео без ичега другог (без текста, слика итд.), а други нема ништа. Затим сам упоредио та два у Гоогле Пагеспеед-у.

Можете ли да видите ефекат на укупно време блокирања, индекс брзине, ФЦП и ЛЦП? Конкретно, додао је читаву секунду у укупно време блокирања, што је довољно да подстакне кориснике да пређу на такмичење.

Да бих потврдио ове резултате и добио неке више информација, покренуо сам ове две УРЛ адресе у алату за тестирање брзине веб локације Пингдом.

Можете да проверите да је један ИоуТубе видео додао 23 додатна ХТТП захтева, повећао величину странице и време учитавања и смањио укупну оцену учинка.

Међутим, постоји неколико трикова са перформансама да покрије овај пад. Прво, можете се одлучити за асинхроно учитавање за видео записе што ће помоћи у смањењу укупног времена блокирања.

Поред тога, могуће је и лењо учитавање. Нарочито имате много ИоуТубе додатака за уградњу ВордПресс-а који ће обавити тежак посао уместо вас.

На крају, боље је уградити сличице видеа, које учитава видео само када се кликне на њега.

Умањите ХТМЛ, ЈаваСцрипт и ЦСС

Ово може изгледати као кап у мору, али минификација заиста чини ствари глатким.

Минификација уклања непотребне елементе из изворног кода, укључујући додатне размаке, тачке и зарезе, коментаре, преломе редова, итд., и чини све компактним.

На основу платформе, можда ћете морати да урадите ово или да имате алат да све умањи уместо вас. Међутим, увек је најбоље чувати резервне копије стандардних верзија јер је скоро ноћна мора мењати минимизирани код.

Ипак, машина може сасвим добро да прочита сав тај компактни код и приметићете маргинално побољшање перформанси.

Користите компресију на вебу

Веб компресија је слична зип-у, али ради на веб датотекама како би се смањило време учитавања страница и подржавају га модерни претраживачи.

Једноставније речено, веб локација са омогућеном компресијом ће послужити компоненте брже у поређењу са оном која нема ову компресију, под условом да су све остале ствари исте. Ова компресија заснована на вебу ради на ХТМЛ-у, ЈаваСцрипт-у, ЦСС-у, сликама, итд., и може смањити величину странице за преко 70% у неким случајевима.

Постоје две опције: Гзип и Бротли. Највероватније ће ваш веб хост имати примењено једно од два.

Међутим, и даље можете тестирати компресију да бисте проверили која је омогућена на вашој веб локацији. И замолите веб домаћина или консултујте веб програмера да примени компресију ако је нема.

Спољашњи елементи

Можете га назвати проширењем одељка ХТТП захтева, али ово треба посебно поменути.

Спољни елементи на веб локацији обухватају све што није изворно, укључујући, али не ограничавајући се на огласе, аналитику, додатке, форуме итд.

Такви елементи додају додатни код вашој веб локацији, што додаје ХТТП захтеве и још много тога, чинећи вашу веб локацију надутом и мање прилагођеном кориснику.

Слажем се, неколико се налази на свакој веб локацији, а не можете их такође избећи. Ипак, будите минималистички у овом смислу и експериментишите са различитим услугама да бисте изабрали ону са најмањим утицајем на перформансе.

Бржа веб локација!

Перформансе веб странице никада нису ствар која се поставља и заборавља. Светска мрежа се развија сваког минута и најбоље је остати информисан и брзо се прилагодити за врхунску брзину и безбедност.

Међутим, безбедност је подједнако важна као и брзина.

А будући да смо стручњаци за ВордПресс, не можемо а да вам не кажемо о неким од најбољих ВордПресс безбедносних пракси.