Реклама
Брза брзина учитавања страница један је од главних разлога зашто ваша веб локација не добија погодности које заслужује.
Пошто је пажња публике непрестано мала, ево неколико најбољих савета како да убрзате веб локацију како бисте били сигурни да ће се посетиоци задржати.
1. Смањите стварну величину веб странице
Ако се ваша веб локација учита спорије од три секунде, вероватно ће је људи напустити чак и пре него што се почетна страница учита. Кориштење погрешног формата за слике може лако наљутити вашу веб страницу и упропастити иначе сјајно искуство прегледавања.
Преко 70% мобилних веб страница је преко 1МБ, а 12% преко 4МБ! Имајте на уму да је потребно седам секунди за преузимање 1.5МБ на доброј 3Г вези. Најбоља пракса је да сваку страницу држите испод 0,5 МБ.
Научите разлика између ЈПГ, ПНГ и ГИФи уверите се да користите резолуцију која вам је потребна.
Према ГлобалСтатс, ово су најчешће коришћене резолуције екрана за 2018. годину:
- 22,55% користи резолуцију од 360 к 640 (мобилно)
- 11,73% користи резолуцију од 1366 к 768
- 8,26% користи резолуцију од 1920 к 1080
- 4.91% користи резолуцију од 375 к 667 (мобилно)
- 2,94% користи резолуцију од 1440 к 900
Ово је преко 50% свих корисника, па то узмите у обзир када додате фотографије на своју веб локацију.
2. Дизајнирајте своју веб локацију за мобилне уређаје
Према истраживање које је прошле године урадио Гоогле о брзини за мобилне странице:
Просечно време потребно да се потпуно учита мобилна одредишна страница износи 22 секунде, показала је нова анализа. Ипак 53% посетилаца мобилних страница оставља страницу која траје дуже од три секунде. То је велики проблем.
Преко 75% мобилних веб локација треба 10 секунди или више да би се учитало преко 3Г. Преко половине целокупног саобраћаја креће се путем мобилних уређаја, а то вероватно неће опадати. Зато задржите мали отисак веб локације како бисте усрећили кориснике мобилног интернета и постарајте се да остану!
Ако користите ЦМС попут ВордПресс, Јоомла или Друпал Друпал вс. Вордпресс: Који је најбољи опен-соурце ЦМС?Планирате постављање веб странице, али не можете одабрати прави ЦМС отвореног кода? Ево како бирати између ВордПресс-а и Друпал-а. Опширније , постоје додатци који ће вам олакшати веб локацију.
Алтернативно, можете користити алате попут бМобилизед или Дуда Мобиле претворити веб локацију своје радне површине у мобилни. Имајући то у виду, често је најбоље дизајнирати засебну веб локацију како би обезбедили најбоље искуство за своје мобилне кориснике.
Такође бисте требали размотрити понуду поједностављене верзије веб локације помоћу Убрзани пројекат за мобилне странице (АМП). Употреба АМП страница побољшаће брзину учитавања страница на мобилном уређају. Постоје строге смернице за ЈаваСцрипт и ЦСС, али користи су мерљиве.
Без обзира којим путем се одлучите кренути, провјерите је ли ваша веб локација за мобилне уређаје лагана опција. И покушајте да се држите испод препоруке од 0,5 МБ по страници.
3. Уверите се да је ваша веб локација минилизована
Ако пишете сопствену веб локацију испочетка, редовно је мењајте. Како се ваш пројекат развија, вероватно ћете научити ефикасније начине вршења ствари, зато се током побољшања обавезно вратите кроз код.
Умањите и комбинујте ЦСС, ХТМЛ и ЈаваСцрипт. Ако, на пример, користите ЦДН као Цлоудфларе, постоји посебна картица за побољшање брзине, где је прва опција Аутоматски минификовање. Ако користите алат за прављење веб локација (као што је Скуареспаце или Веебли), ово ће вероватно бити учињено по дефаулту.
Обавезно тестирајте веб локацију након што омогућите било шта што комбинује или умањује ресурсе ваше веб локације. Експериментирајте са различитим опцијама да бисте видели шта је најбоље за вашу веб локацију јер неке функције могу да се покидају ако је омогућен Минифи.
4. Избегавајте да учитавате скрипте када нису потребни
Ако морате учитати неколико ЈаваСцрипт датотека пре него што су потребне, непотребно ћете успорити брзину целе странице. Избегавајте учитавање скрипти са трећих сервера ако можете.
Захтјев за тим успорит ће вашу брзину пуњења, и може потенцијално представљати сигурносни ризик. Држите их на серверу ваше веб локације када је то могуће.
Можете користити одложити или асинц да бисте одложили учитавање одређених ЈаваСцрипт датотека да бисте смањили оптерећење на посетиочевим уређајима и побољшали брзину учитавања ваших страница. Алтернативно, за мале скрипте можете у реду ЈаваСцрипт директно у ХТМЛ документ.
Асинц ће рећи прегледачу да настави са анализом ХТМЛ-а истовремено са ЈаваСцрипт датотекама које преузимају. Пауза ће се догодити након што се датотека потпуно преузме.
У међувремену, дефер ће рећи прегледачу да извршава ЈаваСцрипт датотеке после прегледач је завршио анализу целокупног ХТМЛ документа.
Прегледач ће подразумевано паузирати анализу ХТМЛ датотека док се све ЈаваСцрипт датотеке преузимају и извршавају.
Уметање ЈаваСцрипт-а у ХТМЛ документ помоћи ће смањењем броја датотека које прегледач мора да преузме пре приказивања странице. Можете уметнути ЈаваСцрипт додавањем садржаја било којој спољној ЈаваСцрипт датотеци између ознака скрипте.
Без одлагања можете користити одлагање и асинкронизацију на Гоогле Аналитицс-у, Фацебоок Пикел-у и другим алатима за аналитику и извештавање о грешкама без утицаја на функционалност странице.
И на крају, размислите да ли су потребни кодови за праћење, аналитика, додатне функције и огласи које приказујете на својој веб локацији. Употријебите лагане опције када је то могуће и снимите их ако не додају ништа драгоцено ни вама ни посјетиоцима.
5. Користите Цацхинг и ЦДН
Мрежа за испоруку садржаја (ЦДН) ће копирати вашу веб локацију на сервере широм света и смањити време путовања података повезујући посетиоце са сервером који им је географски ближи. Статични садржај ће такође меморисати и доставити ЦДН-ове сервере.
Цлоудфларе је вероватно ЦДН који најбоље познајеш, али Акамаи и Амазон ЦлоудФронт су добро утврђене алтернативе.
Уверите се и ви искористити кеширање претраживача Овако ваш прегледник угрожава вашу приватностВаш веб претраживач открива мноштво информација о томе ко сте, где идете и шта волите. Ево детаља које пушта кад год приступите интернету. Опширније побољшати брзину учитавања ваше веб странице за поновљене посетиоце. Кеширање претраживача функционише преузимањем ових датотека са сервера на корисников уређај.
Ако се даље прегледају странице или посете, ове датотеке ће се локално учитавати са корисниковог уређаја, уместо да их захтевају од екстерног сервера (у зависности од датума истека датотека).
6. Ослободите се небитних додатака
Плуг-ове користите само када је то потребно. То је тачно било да користите Вик, Веебли, ВордПресс или Скуареспаце Скуареспаце вс. ВордПресс: Који вам одговара?ВордПресс и Скуареспаце два су највећа имена у изградњи веб страница. Ево шта треба да знате да бисте одлучили између њих двоје. Опширније или било шта друго. Било које функције које можете урадити додавањем једноставног ЦСС-а, а не додатка. Користите ињекцију кода на квадратном простору, користити ЦСС Цустомизер у ВордПресс-у , и Прилагођени ЦСС на Вик-у.
Додаци могу да узрокују велико оптерећење ЦПУ-а или меморије на вашем серверу, а то може успорити или чак зауставити учитавање ваше веб локације.
Ако користите ВордПресс, вероватно је да не користите све његове уграђене функције. Онемогућите их помоћу додатка попут Цлеарфи.
Увек размислите о додацима које користите. Ако користите неколико функција у додацима као што је ЈетПацк, размислите о њиховом потпуно уклањању и замените их лакшим додацима који раде исти посао.
7. Подешавања сервера за убрзавање веб локације
Кашњење сервера имаће негативан утицај на брзину учитавања странице и вашу ПагеРанк.
Гоогле препоручује да време до првог бајта (ТТФБ) буде 1,3 секунде или мање. Ово је најдуже одлагање пре него што уређај почне да преузима страницу након што првобитно контактира сервер. Уз то, просечна страница има ТТФБ од преко 2 секунде, што је знатно изнад њихове препоруке.
Заједнички домаћини су обично разлог за то, али постоје нека подешавања која можете конфигурисати како бисте побољшали време одзива вашег сервера.
- Користите најновију верзију ПХП-а са којом је ваша веб локација компатибилна. Најновија верзија (ПХП 7.2) има огромна побољшања брзине.
- Укључите „Кееп-Аливе“
- Омогући ХТТП / 2
- Искористите предност ХТТП строге транспортне сигурности (ХСТС)
- Подесите резервне копије ноћу
Ако је ваша веб локација направљена у програму ВордПресс, обавезно користите хост који је специјализован за ВордПресс хостинг, на пример Блуехост. Ово ће осигурати да су поставке сервера конфигурисане посебно за перформансе ВордПресс-а.
Завршено Твеакинг? Сада тестирајте своју веб локацију
Сада када знате идеално време за учитавање странице, величину и време до првог бајта (ТТФБ) коме би требало да тежите, како знате шта је ваше?
Ево неких од наших омиљених мрежних алата за тестирање ваше веб локације:
- варви.цом: ови алати тестирају брзину и перформансе страница на радној површини и мобилним уређајима и дају вам драгоцене водиче о томе како побољшати веб локацију
- Гоогле ПагеСпеед Инсигхт: недавно ажуриран, Гоогле ПагеСпеед алат ће тестирати вашу брзину и дати вам предлоге за побољшање
- ГТметрик: одличан алат са ефикасним саветима
- ВебПагеТест: тестирајте своју веб локацију на различитим уређајима, оперативним системима и локацијама
- Пингдом: врло популаран алат, сличан ВебПагеТест са лепшим интерфејсом
Можете тестирати своју мобилну локацију помоћу горе наведених веза, а такође и ТхинкВитхГоогле Мобиле Тест (поверед би ВебПагеТест). Резултати ће вам дати конкретне савете о томе шта можете побољшати, уз процењено смањење времена учитавања ако следите савете.
Препоручене најбоље праксе се непрестано мењају, па непрестано проверавајте брзину странице током унапређења.
За још вреднији увид у перформансе ваше веб локације, запамтите верификујте свој домен на Гоогле-у и Бинг-у. Пет главних предности верификације вашег домена на Гооглеу и БингуАко имате сопствену веб локацију, ево зашто би требало да верификујете свој домен на Гоогле-у и Бинг-у помоћу алата за вебмастере. Опширније
Сваки дан је дан у школи. Бернт је сањар и љубитељ зелене технологије са тежњама да спаси свет фармом инсеката. Он је дугогодишњи запосленик техничке подршке и ВордПресс буилдер, који је тек недавно почео урањати ноге у писање. Бернт је велики љубитељ Гоогле екосистема и користи приступачне технологије за обављање животних задатака администратора...