Чланци

Брзина учитавања сајта. 4 главна фактора.

Тагови: СЕО

Брзина учитавања сајта. Како повећати брзину преузимања? Главни проблеми.

Препоручено брзина учитавања сајта Гоогле - 2 секунде. (а сада погледајте своју брзину)

(Како проверити брзину учитавања веб странице?Најлакши и најбржи начин је отварање алатке за програмере ЦТРЛ+СХИФТ+ИЗатим изаберите картицу „Мрежа“, а затим освежите страницу, да бисте видели брзину преузимања која вам је потребна да освежите страницу, Освежите без кеша: потребно је да притиснете ЦТРЛ + Ф5 / ЦТРЛ + Р. А испод ће бити брзина преузимања.)

Проверите брзину учитавања сајта
користећи Гоогле-ову услугу: ПагеСпеед Инсигхтс

(инфографика преузета са сеопрофи ©2014)

Главне тачке које највише утичу:

  1. Цацхе
  2. цсс (стилови)
  3. ЈС (скрипте)
  4. Слике (њихова тежина, величина - да, тачно величина ХкВ, мета подаци - да, постоји таква ствар, ово су њихове информације као што су: датум, наслов, тема, итд.)

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

#1 ГОТОВИНА

кеширање (илицацхе) је бафер (место) где се чувају сви подаци. У нашем случају, то су слике, код, стилови и још много тога.

Најлакши оно што можете сами да урадите је омогући кеширање на хостингу.
(Ако имате хостинг Украине.цом.уа, онда морате да одете на „подешавања сајта” -> „основна подешавања” и тамо ће се појавити ставка „Кеширање” и тамо бирате потребно време за које ће ваш сајт бити кеширан. Ја препоручујем да га подесите на 2 недеље – са овим периодом кеширања, увид у брзину гоогле странице додаје много поена.)

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

#2 ЦСС (стилови)

ЦСС - (Цасцадинг Стиле Схеетс - каскадни стилови).
Шта се може урадити са стиловима?
Добро Прво стиснути их.
Друго смањити број фајлова, тј. спојите што је више могуће да бисте смањили број позива ка серверу.
Трећеуградите главне стилове који утичу на приказ видљивог дела првог екрана директно у <ХЕАД>, а остале оставите у датотеци.

Остављам и пар корисних линкова:

  • услуге компресије цсс
  • како компримирати цсс датотеке

#3 ЈС (скрипте)

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

  1. Одложите учитавање скрипте. Навуците га што је могуће ниже, ставите га иза или чак ниже понекад помаже, понекад није опција. Али тачка број 2 долази у помоћ.
  2. АСИНЦ – асинхроно учитавање скрипте. Ово се ради помоћу параметра „асинц“.
    <сцрипт срц="1.јс" асинц>

    Овде има више детаља о асинхронизацији.
    Мало више информација о ЈС-у и његовом утицају.

  3. Минор поинт.
    ЈС се такође може компримовати. Такође спојите у 1 датотеку.

#4 Слике

Увек можете да урадите три ствари: Погледајте ватру, погледајте воду и оптимизујте слике.

Тема је прилично обимна, па ћу покушати да вам дам само важне информације.

Оптимизујте тежину.

Како? Преко програма или услуге.

  • Програм за масовни рад са сликама Фаст Стоне Имагеса њим можете
    Масовна промена величине слика. Како и шта већ ту гуглам није тешко.
    Преузмите Фастстоне Имаге.
  • Услуга за смањење величине слика - Панда. Или боље речено ТиниПНГ & ТиниЈПГ.
    Главна предност ОНЛИНЕ. Само отпремите датотеке и вратите се у компресованој верзији - квалитет уопште не пати (то је Магиц).
    Везе: тинипнг.цом & тинијпг.цом

Оптимизујте величину.

Величина као што сам горе написао може се променити помоћу програма брза камена слика.
Величина је висина к тежина (висина по ширина).

Пример:

ВеличинаПикелсвеличина фајла
100к10010 00039 КБ
200к20040 000156 КБ
300 к 30090 000351 КБ
500к500250 000977 КБ
800к800640 0002500 КБ

(Ако желите да сазнате више о овоме, можете прочитати Гугл-ову помоћ на ову тему. ЧЛАНАК са Гугла, али упозоравам да је у извесној мери штреберски)

На пример, имамо 2 слике:
1) Тежина 100 кб, величина 500к500
2) Тежина 100 кб, величина 2500к2500
Чинило би се каква је разлика, исто су тешки, дакле, њихово учитавање би требало да буде подједнако компликовано или једноставно, али није га било ако проверите гоогле паге спеед инсгихт, и даље ће се заклети на већу резолуцију слика.

Резимирајући: Величина је битна. Тежина такође. (остало није толико битно, али према аргументима неких стручњака и то има утицаја, сада говорим о метаподацима слике)

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

Укратко о издању:

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

Идемо на видео:

П.С.
Ако имате питања или се не слажете са нечим, напишите о томе у коментарима.