Примијените ових 6 техника како бисте побољшали брзину учитавања мобилних уређаја на вашем пословном мјесту

Преглед садржаја:

Anonim

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

Истраживање је даље показало да места која се учитавају у року од 5 секунди имају:

  • Видљивост огласа за 25%,
  • 35% нижа стопа одскока, и
  • 70% дуже корисничке сесије.

Управо зато морамо бити усредсређени на мобилна решења која ће нашим предузећима помоћи да успију. Уосталом, мобилна брзина никада није била важнија.

$config[code] not found

Спора брзина учитавања може заиста бити проблем

Према Гоогле-у,
  • 1 од 2 особе очекује да се страница учита за мање од 2 секунде.
  • 53% посјета је вјеројатније да ће бити напуштено ако страница траје дуже од 3 секунде за учитавање на мобилном уређају.
  • 46% људи је показало незадовољство у чекању да се странице учитају док претражују веб на мобилном уређају.

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

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

Измерите и минимизирајте време одзива сервера

Брзина ваше мобилне странице не зависи само од вашег кода већ се ослања и на важан технички алат зван сервер.

Што дуже ваш сервер чека да одговори на захтев за прегледач, то се страница спорије учитава на уређају. Већина стручњака у Гооглеу препоручује да ваш сервер почне да преноси 1ст Бајт ресурса у року од две стотине милисекунди захтева за оптималнијим резултатом.

Типично, постоје 3 главне методе које се односе на повећање времена одговора вашег сервера:

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

Користите ЦСС за учитавање слика

Ако желите да сакријете слике садржаја за мобилне кориснике, учитајте их као позадинске слике преко ЦСС-а и користите медијске упите да бисте их условно сакрили.

Амазон користи варијацију ове технике да условно учита слике специфичне за уређај.

Смањите број преусмеравања да бисте повећали брзину мобилне странице

Преусмјеравања нису ништа друго до инструкције које могу аутоматски одвести посјетитеље с једне странице на другу.

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

Први корак у решавању овог проблема је преглед броја преусмеравања на вашем сајту помоћу алатки као што је мапа за преусмеравање. Ако је број превелик, минимизирајте га, или идеално, спустите га на нулу за најбоље резултате.

Смањи ЈС и ЦСС датотеке

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

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

“Минифицатион” елиминише редунданцију без утицаја на приказ странице. Широка лепеза Гоогле алата може вам помоћи да елиминишете такве вишкове, укључујући и оне сличне:

  • ЦССНано (за ЦСС)
  • УглифиЈС (за ЈС)

Уместо слика, користите ЦСС3

Дроп схадовс, роундед цорнер, анд градиент филлс - све ове особине се могу обавити преко ЦСС-а, умјесто слика.

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

Користите Инлине СВГ уместо ЈПЕГ

Као и УРИ података, СВГ (скалабилна векторска графика) могу бити уграђени на страници да би се смањио број ХТТП захтева.

Ове датотеке се могу креирати у уређивачу векторске графике, као што су Инксцапе, Адобе Иллустратор, итд. Када се креира, можете га отворити у уређивачу текста и испустити га у свој код.

Напомена: Да бисте уградили СВГ у ваш стилски лист, морате прво да га конвертујете у УРИ података, а затим пређете на следећи корак.

Тако да мање-више сумирамо ствари. Надам се да сте имали добро и просветљујуће читање.

Пхото виа Схуттерстоцк

1