{"id":4070,"date":"2019-06-26T14:34:39","date_gmt":"2019-06-26T12:34:39","guid":{"rendered":"https:\/\/lsbeta.szmigiel.design\/?p=4070"},"modified":"2019-06-28T12:51:09","modified_gmt":"2019-06-28T10:51:09","slug":"punkty-punkciki-paranoja","status":"publish","type":"post","link":"https:\/\/retro.szmigiel.design\/pl\/blog\/punkty-punkciki-paranoja\/","title":{"rendered":"Punkty, punkciki, paranoja"},"content":{"rendered":"\n

Cho\u0107 mini\u00adma\u00adlizm jest ostatnio w modzie, w wielu sytu\u00adacjach zgodnie uwa\u017camy, \u017ce wi\u0119cej znaczy lepiej. Przy\u00adk\u0142a\u00addowo, zazwyczaj lepiej czujemy si\u0119 z nadmiarem pieni\u0119dzy ni\u017c ich niedo\u00adstat\u00adkiem. Opr\u00f3cz tego wolimy cieszy\u0107 si\u0119 wi\u0119kszym ni\u017c mniejszym uznaniem w\u015br\u00f3d innych ludzi, a w biznesie wzrost og\u00f3lnie kojarzony jest z czym\u015b pozy\u00adtywnym.<\/p>\n\n\n\n

Oczy\u00adwi\u00ad\u015bcie bywa te\u017c, \u017ce mniej znaczy lepiej. Na przyk\u0142ad pr\u0119dko\u015b\u0107, z jak\u0105 samoch\u00f3d rozp\u0119dza si\u0119 do setki, jest jednym z miernik\u00f3w jego wydaj\u00adno\u015bci \u2013 im kr\u00f3tszy jest ten czas, tym lepiej. R\u00f3wnie\u017c w przypadku stron inter\u00adne\u00adto\u00adwych i prak\u00adtycznie ca\u0142ego \u015bwiata opro\u00adgra\u00admo\u00adwania \u2014 szybciej (mniej), znaczy lepiej.<\/p>\n\n\n\n

Wydawa\u0107 by si\u0119 mog\u0142o, \u017ce s\u0105 to sprawy b\u0142ahe i oczywiste, a podane wy\u017cej przyk\u0142ady s\u0142u\u017c\u0105 tylko zape\u0142\u00adnieniu prze\u00adstrzeni i wyge\u00adne\u00adro\u00adwaniu ruchu. Je\u017celi przyj\u00adrzymy si\u0119 jednak sytuacji nieco bli\u017cej \u2014 oka\u017ce si\u0119, \u017ce mierniki jako\u015bci nie s\u0105 w wielu przy\u00adpad\u00adkach takie oczywiste, jak nam si\u0119 wydaje.<\/p>\n\n\n\n

Marketing czyni cuda i wi\u0119kszy mo\u017ce wi\u0119ce\u00adj<\/h2>\n\n\n\n

Me\u00adga\u00adpik\u00adsele. Musi by\u0107 du\u017co. Dwadzie\u00ad\u015bcia cztery, trzy\u00addzie\u015bci sze\u015b\u0107, sze\u015b\u0107\u00addzie\u00adsi\u0105t! Wepchane w sensor wielko\u015bci g\u0142\u00f3wki od szpilki. W telefonie spoczy\u00adwa\u00adj\u0105cym na dnie kieszeni w Twoich jeansach. Nie po to, \u017ceby\u015b m\u00f3g\u0142 zrobi\u0107 tech\u00adnicznie lepsze zdj\u0119cie, ale po to, \u017ceby\u015b wierzy\u0142, \u017ce zrobisz tech\u00adnicznie lepsze zdj\u0119cie ni\u017c gdyby matryca posiada\u0142a mniej \u015bwia\u00adt\u0142o\u00adczu\u00ad\u0142ych punkt\u00f3w<\/strong>. Prosty mechanizm \u2014 wi\u0119cej musi znaczy\u0107 lepiej.<\/p>\n\n\n\n

Zagad\u00adnienia optyki i elek\u00adtro\u00adniki takie jak dyfrakcja, kr\u0105\u017cek rozpro\u00adszenia, pr\u0105d ciemny, czy nawet fizyczny kontekst liczby f opisu\u00adj\u0105cej jasno\u015b\u0107 obiektywu to tematy specja\u00adli\u00adstyczne i anga\u00ad\u017cu\u00adj\u0105ce. Mo\u017cna wi\u0119c spokojnie przyj\u0105\u0107, \u017ce prze\u00adci\u0119tny konsument nie b\u0119dzie mia\u0142 o nich wielkiego poj\u0119cia. Nie s\u0105 wi\u0119c zbyt u\u017cyteczne z marke\u00adtin\u00adgo\u00adwego punktu widzenia.<\/p>\n\n\n\n

A gdyby tak te wszystkie trudne rzeczy maj\u0105ce wp\u0142yw na jako\u015b\u0107 foto\u00adgrafii zamkn\u0105\u0107 w postaci jednej warto\u015bci liczbowej?<\/strong> W ko\u0144cu oczy\u00adwi\u00adstym jest, \u017ce trzy\u00addzie\u015bci sze\u015b\u0107 to wi\u0119cej ni\u017c dwadzie\u00ad\u015bcia cztery. Czyli ten pierwszy jest lepszy ni\u017c ten drugi. To bardzo sprytne \u2014 przy tak zapro\u00adjek\u00adto\u00adwanej rywa\u00adli\u00adzacji nie spos\u00f3b zarzuci\u0107 komu\u015b oszustwo czy mani\u00adpu\u00adlacj\u0119. Przecie\u017c to konsument wybra\u0142 aparat z g\u0119\u015bciej upakowan\u0105 matryc\u0105, co jest pod wieloma wzgl\u0119dami nieko\u00adrzystne. To, \u017ce u\u017cyteczna (optyczna) rozdziel\u00adczo\u015b\u0107 takiej matrycy jest o po\u0142ow\u0119 mniejsza, nie ma tutaj znaczenia, bo nie jest to parametr, kt\u00f3ry mierzymy.<\/p>\n\n\n\n

Jak w\u0105tek matryc aparat\u00f3w cyfrowych ma si\u0119 do opty\u00adma\u00adli\u00adzacji stron inter\u00adne\u00adto\u00adwych?<\/p>\n\n\n\n

Punkty! <\/h2>\n\n\n\n

Ruch na stronie dziwnie ma\u0142y? Landingi nie konwer\u00adtuj\u0105? Odbiorcy uciekaj\u0105 ze strony? To na pewno wina niskiej punktacji w PageSpeed Insights. W ko\u0144cu w te\u015bcie mobilnym strona osi\u0105ga tylko 26 punkt\u00f3w, kt\u00f3re w dodatku wy\u015bwie\u00adtlaj\u0105 si\u0119 na czerwono!<\/strong> Je\u015bli doliczy\u0107 do tego raport domo\u00adro\u00ads\u0142ych SEOwc\u00f3w, kt\u00f3rzy na \u015blepo kopiuj\u0105 wyniki z test\u00f3w synte\u00adtycz\u00adnych to mamy gotowy scena\u00adriusz na horror przed\u00adsi\u0119\u00adbiorcy.<\/p>\n\n\n\n

Ten scena\u00adriusz jest mi niestety dobrze znany. Ostatnio coraz cz\u0119\u015bciej otrzymuj\u0119 maile z pytaniem o opty\u00adma\u00adli\u00adzacj\u0119 strony inter\u00adne\u00adtowej. Po wykonaniu szybkich test\u00f3w okazuje si\u0119, \u017ce du\u017ca cz\u0119\u015b\u0107 tych zapyta\u0144 dotyczy stron, kt\u00f3re nie tylko s\u0105 zopty\u00adma\u00adli\u00adzo\u00adwane, ale i prze\u00adop\u00adty\u00adma\u00adli\u00adzo\u00adwane<\/strong>, co nie tylko nie przynosi ocze\u00adki\u00adwa\u00adnych rezul\u00adtat\u00f3w, ale wprowadza nowe problemy<\/strong>.<\/p>\n\n\n\n

Niestety sta\u0142o si\u0119 tak, \u017ce narz\u0119dzia takie, jak PageSpeed Insights w oczach w\u0142a\u015bci\u00adcieli witryn uros\u0142y do wagi wyroczni. Albo strona \u201e\u015bwieci si\u0119 na zielono\u201d i jest splendor i powi\u0119k\u00adszanie gara\u017cu w ocze\u00adki\u00adwaniu na nowe Porsche, albo \u201e\u015bwieci si\u0119 na czerwono\u201d i ju\u017c ponury \u017cniwiarz puka do drzwi firmy.<\/p>\n\n\n\n

\"Najlepsza<\/figure>\n\n\n\n

Taka sytuacja jest kurio\u00adzalna, poniewa\u017c PageSpeed Insights:<\/p>\n\n\n\n

  1. Jest narz\u0119\u00addziem opra\u00adco\u00adwanym przez Google i nie odzwier\u00adciedla obiek\u00adtywnej pr\u0119dko\u015bci<\/strong> ani jako\u015bci witryny;<\/li>
  2. Stanowi (rela\u00adtywnie) przej\u00adrzysty interfejs webowy dla platformy anali\u00adtycznej \u201eLigh\u00adthouse\u201d;<\/li>
  3. Jest testem synte\u00adtycznym, kt\u00f3ry dla wersji mobilnej dokonuje testu na urz\u0105\u00addzeniu klasy Nexus 5X przy po\u0142\u0105\u00adczeniu 3G<\/strong> (stan na czerwiec 2019) \u2013 dla por\u00f3w\u00adnania sugeruj\u0119 spojrze\u0107 na map\u0119 pokrycia LTE w Polsce oraz rozejrze\u0107 si\u0119 po znajomych, jakiej klasy sprz\u0119tem mobilnym dysponuj\u0105;<\/li>
  4. Nie ma poj\u0119cia o tym, jakie cele ma spe\u0142nia\u0107 witryna<\/strong>, jakiego jest charak\u00adteru, dla kogo, oraz jakiego rodzaju tre\u015bci s\u0105 ocze\u00adki\u00adwane.<\/li><\/ol>\n\n\n\n

    PageSpeed w zasadzie m\u00f3wi: \u201eS\u0142uchaj, je\u015bli chcesz umie\u015bci\u0107 wszystkie te \u015bmieci na swojej stronie, oto, na co zwraca\u0107 uwag\u0119 i jak z\u0142agodzi\u0107 fatalny wp\u0142yw na wydajno\u015b\u0107\u201d. Nie wyra\u017ca tego jednak w punktach na g\u00f3rze testu, ale w podsu\u00admo\u00adwaniu i suge\u00adstiach na dole strony.<\/p>\n\n\n\n

    Sugestie \u2014 bo tak nale\u017cy o nich m\u00f3wi\u0107 \u2014 wymagaj\u0105 jako\u00ad\u015bciowej analizy<\/strong> zar\u00f3wno pod k\u0105tem ich sensow\u00adno\u015bci, jak i mo\u017cli\u00adwo\u015bci wdro\u017cenia. Kr\u00f3tkie spoj\u00adrzenie na niemal dowoln\u0105 stron\u0119 posia\u00adda\u00adj\u0105c\u0105 w kodzie skrypt Google Analytics pokazuje np., \u017ce regu\u0142y dla pami\u0119ci podr\u0119cznej prze\u00adgl\u0105\u00addarki dla tego skryptu s\u0105 zbyt kr\u00f3tkie. Z tym \u017ce Google Analytics nale\u017cy do tej samej firmy, co PageSpeed Insights \u2014 Google sam siebie strofuje, wpro\u00adwa\u00addzaj\u0105c jedno\u00adcze\u00ad\u015bnie u\u017cyt\u00adkow\u00adnik\u00f3w w b\u0142\u0105d, sugeruj\u0105c, \u017ce jest to istotne pole do poprawy<\/strong>.<\/p>\n\n\n\n

    R\u00f3wnie kurio\u00adzalna sytuacja mia\u0142a miejsce jeszcze do niedawna w zwi\u0105zku z Google Fonts \u2014 kolejn\u0105 us\u0142ug\u0105 Google, kt\u00f3ra by\u0142a przyczyn\u0105 zani\u017cania punktacji stron. Od pocz\u0105tk\u00f3w istnienia us\u0142ugi, fonty Google by\u0142y serwowane z domy\u015blnym usta\u00adwie\u00adniem bloko\u00adwania wy\u015bwie\u00adtlania tekst\u00f3w przed za\u0142a\u00addo\u00adwa\u00adniem plik\u00f3w z fontami. Innymi s\u0142owy \u2014 tekst na stronie nie wy\u015bwie\u00adtli\u0142 si\u0119, dop\u00f3ki prze\u00adgl\u0105\u00addarka nie pobra\u0142a odpo\u00adwied\u00adnich plik\u00f3w z serwer\u00f3w Google. Dopiero od niedawna webma\u00adsterzy maj\u0105 mo\u017cliwo\u015b\u0107 gene\u00adro\u00adwania plik\u00f3w CSS z tej us\u0142ugi z para\u00adme\u00adtrem pozwa\u00adla\u00adj\u0105cym na zamian\u0119 font\u00f3w Google na domy\u015blne (dost\u0119pne systemowo) w czasie, kiedy zasoby zewn\u0119trzne s\u0105 wci\u0105\u017c pobierane przez prze\u00adgl\u0105\u00addark\u0119. Oczy\u00adwi\u00ad\u015bcie strony testowane w us\u0142udze PageSpeed Insights korzy\u00adsta\u00adj\u0105ce z font\u00f3w Google otrzy\u00admy\u00adwa\u0142y obni\u017con\u0105 punktacj\u0119, cho\u0107 spos\u00f3b, w jaki zosta\u0142a zapro\u00adjek\u00adto\u00adwana ta us\u0142uga, unie\u00admo\u017c\u00adli\u00adwia\u0142 wpro\u00adwa\u00addzenie zmian<\/strong>.<\/p>\n\n\n\n

    Warto wiedzie\u0107, \u017ce niekt\u00f3re z sugestii, kt\u00f3re znaj\u00addziemy w raporcie, s\u0105 niemo\u017c\u00adliwe do wpro\u00adwa\u00addzenia dla wi\u0119k\u00adszo\u015bci stron inter\u00adne\u00adto\u00adwych<\/strong> opartych o otwar\u00adto\u00ad\u017ar\u00f3\u00add\u0142owe lub komer\u00adcyjne rozwi\u0105\u00adzania, w tym wi\u0119k\u00adszo\u015bci stron bazu\u00adj\u0105\u00adcych na WordPress \u2014 chyba\u00ad, \u017ce motywy dla tych stron by\u0142y pisane od podstaw, w dodatku z my\u015bl\u0105 o opty\u00adma\u00adli\u00adzacji pod k\u0105tem PageSpeed Insights. Samo wyko\u00adrzy\u00adstanie jQuery \u2014 popu\u00adlarnej biblio\u00adteki JavaScript \u2014 skutecznie utrudnia osi\u0105\u00adgni\u0119cie wysokich punktacji w tym te\u015bcie synte\u00adtycznym<\/strong>.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Nieco lepiej sytuacja przed\u00adstawia si\u0119 z r\u00f3wnie popu\u00adlarnym GTMetrix, kt\u00f3rego punktacja wydaje si\u0119 nieco bardziej zwi\u0105zana z realnymi mo\u017cli\u00adwo\u015bciami opty\u00adma\u00adli\u00adzacji istnie\u00adj\u0105\u00adcych witryn. Warto jednak pami\u0119ta\u0107, \u017ce GTMetrix:<\/p>\n\n\n\n

    1. Domy\u015blnie testuje witryny z Vancouver w Kanadzie<\/strong>, a inne loka\u00adli\u00adzacje (w tym Londyn, b\u0119d\u0105cy najbli\u017cej Polski) dost\u0119pne s\u0105 po utwo\u00adrzeniu konta i zalo\u00adgo\u00adwaniu \u2014 by\u0107 mo\u017ce nie warto panikowa\u0107, je\u017celi Twoja strona \u0142aduje si\u0119 dziesi\u0119\u0107 sekund, skoro s\u0105 to czasy mierzone z drugiej cz\u0119\u015bci globu;<\/li>
    2. Wyniki test\u00f3w nie s\u0105 powi\u0105zane z czasem \u0142adowania strony<\/strong> \u2014 je\u015bli witryna prze\u00adchodzi wszystkie testy pozy\u00adtywnie, ale mimo to prze\u00adgl\u0105\u00addarka potrze\u00adbuje minut\u0119 na jej wy\u015bwie\u00adtlenie, mo\u017ce dosta\u0107 najwy\u017csz\u0105 not\u0119;<\/li>
    3. YSlow obni\u017ca punktacj\u0119 za nie korzy\u00adstanie z rozpro\u00adszo\u00adnego systemu dostar\u00adczania tre\u015bci<\/strong> (CDN). Czy taki system jest Ci potrzebny \u2014 to zale\u017cy od skali Twojego biznesu oraz zasi\u0119gu mi\u0119dzy\u00adna\u00adro\u00addo\u00adwego. Zazwyczaj lepszym rozwi\u0105\u00adza\u00adniem b\u0119dzie posta\u00adwienie na dobry hosting ni\u017c imple\u00admen\u00adtacja CDN. Chyba \u017ce charakter Twojej dzia\u00ad\u0142al\u00adno\u015bci jest mocno mi\u0119dzy\u00adna\u00adro\u00addowy, a strona bogata w media.<\/li><\/ol>\n\n\n\n

      Co wi\u0119cej \u2014 \u017cadne z dost\u0119p\u00adnych obecnie na rynku narz\u0119dzi anali\u00adtycz\u00adnych nie bierze pod uwag\u0119 archi\u00adtek\u00adtury strony, analizy u\u017cytecz\u00adno\u015bci, jako\u015bci i czytel\u00adno\u015bci tekst\u00f3w, dost\u0119p\u00adno\u015bci inter\u00adfejsu, etc., a przecie\u017c opr\u00f3cz samego faktu za\u0142a\u00addo\u00adwania si\u0119 strony i jej popraw\u00adnego wy\u015bwie\u00adtlenia w prze\u00adgl\u0105\u00addarce, s\u0105 to najwa\u017c\u00adniejsze czynniki, kt\u00f3re deter\u00admi\u00adnuj\u0105, czy u\u017cyt\u00adkownik zostanie na stronie i wejdzie z ni\u0105 w inte\u00adrakcje<\/strong>, oraz kt\u00f3re pozwol\u0105 na zaspo\u00adko\u00adjenie jego potrzeb.<\/p>\n\n\n\n

      Jak zopty\u00adma\u00adli\u00adzowa\u0107 stron\u0119 inter\u00adne\u00adtow\u0105, \u017ceby nie zwariowa\u0107 i nie da\u0107 si\u0119 wp\u0119dzi\u0107 w koszty? <\/h2>\n\n\n\n

      Przede wszystkim do tego tematu nale\u017cy podej\u015b\u0107 indy\u00adwi\u00addu\u00adalnie<\/strong>, uwzgl\u0119d\u00adniaj\u0105c cele, jakie strona ma spe\u0142nia\u0107 oraz grup\u0119 docelow\u0105. Inaczej powinna wygl\u0105da\u0107 opty\u00adma\u00adli\u00adzacja strony fotografa \u015blubnego, a inaczej strony domk\u00f3w tury\u00adstycz\u00adnych na wynajem w Biesz\u00adcza\u00addach.<\/p>\n\n\n\n

      Dlaczego?<\/p>\n\n\n\n

      Dlatego, \u017ce wybie\u00adraj\u0105c fotografa \u015blubnego, klienci mog\u0105 chcie\u0107 po\u015bwi\u0119ci\u0107 wi\u0119cej czasu na analiz\u0119 foto\u00adgrafii, kt\u00f3re powinny by\u0107 odpo\u00adwiednio du\u017ce i odpo\u00adwiednio wysokiej jako\u015bci<\/strong>. Zazwyczaj poczekaj\u0105 na za\u0142a\u00addo\u00adwanie si\u0119 zdj\u0119\u0107, oczekuj\u0105c w zamian ich wysokiej jako\u015bci. Nie b\u0119d\u0105 przy tym sprawdza\u0107 punktacji strony. Zapewne b\u0119d\u0105 chcieli je wy\u015bwie\u00adtla\u0107 na wi\u0119kszym ekranie lub urz\u0105\u00addzeniu o wysokiej g\u0119sto\u015bci pikseli na cal. Jako\u015b\u0107 foto\u00adgrafii oraz ich spos\u00f3b prezen\u00adtacji b\u0119d\u0105 wa\u017cniejsza ni\u017c pr\u0119dko\u015b\u0107 \u0142adowania strony.<\/p>\n\n\n\n

      W przypadku us\u0142ug tury\u00adstycz\u00adnych znaj\u00addu\u00adj\u0105\u00adcych si\u0119 w g\u00f3rach, opr\u00f3cz czytel\u00adnego przed\u00adsta\u00adwienia oferty, r\u00f3wnie wa\u017cne b\u0119dzie uwzgl\u0119d\u00adnienie dost\u0119p\u00adno\u015bci do internetu mobilnego w okolicy<\/strong>. Je\u017celi wiemy, \u017ce jako\u015b\u0107 po\u0142\u0105\u00adczenia bezprze\u00adwo\u00addo\u00adwego jest s\u0142aba \u2014 warto pokusi\u0107 si\u0119 o nieco bardziej agresywn\u0105 opty\u00adma\u00adli\u00adzacj\u0119 strony, jej wersj\u0119 AMP, lub przyj\u0119cie taktyki opie\u00adra\u00adj\u0105cej si\u0119 na jak najlepiej rozbu\u00addo\u00adwanej stronie wizyt\u00f3wce Google Moja Firma oraz danych dost\u0119p\u00adnych w Google Maps. Strona pe\u0142na wodo\u00adtry\u00adsk\u00f3w i kolo\u00adro\u00adwych zdj\u0119\u0107 na nic si\u0119 nie zda, je\u017celi tury\u015bci nie b\u0119d\u0105 mogli w \u0142atwy spos\u00f3b odnale\u017a\u0107 numeru telefonu do w\u0142a\u015bci\u00adciela, korzy\u00adstaj\u0105c ze s\u0142abej jako\u015bci po\u0142\u0105\u00adczenia w drodze do celu.<\/p>\n\n\n\n

      Opty\u00adma\u00adli\u00adzacja strony inter\u00adne\u00adtowej \u2014 co warto zrobi\u0107? <\/h2>\n\n\n\n

      Kiedy ju\u017c wiemy, \u017ce nasza strona jest odpo\u00adwiednio zapro\u00adjek\u00adto\u00adwana i ma szans\u0119 trafi\u0107 do odpo\u00adwied\u00adniej grupy odbiorc\u00f3w, warto upewni\u0107 si\u0119, \u017ce proces pobie\u00adrania danych i rysowania tre\u015bci na stronie b\u0119dzie mo\u017cliwie najkr\u00f3tszy.<\/p>\n\n\n\n

      Najcz\u0119\u00ad\u015bciej najwi\u0119kszy zysk pr\u0119dko\u015bci daj\u0105 trzy czynno\u015bci:<\/p>\n\n\n\n

      1. Usuni\u0119cie niepo\u00adtrzeb\u00adnych element\u00f3w<\/strong> \u2014 zdj\u0119\u0107, wtyczek, nawet ca\u0142ych podstron;<\/li>
      2. Opty\u00adma\u00adli\u00adzacja (kompresja) obraz\u00f3w na stronie<\/strong>;<\/li>
      3. Serwo\u00adwanie statycznej wersji strony<\/strong> w przypadku witryn opartych o system zarz\u0105\u00addzania tre\u015bci\u0105 (np. WordPress).<\/li><\/ol>\n\n\n\n

        Je\u017celi Twoja strona oparta jest o CMS WordPress, mo\u017cesz znacz\u0105co skr\u00f3ci\u0107 czas \u0142adowania, korzy\u00adstaj\u0105c z hostingu opartego o komer\u00adcyjny serwer LiteSpeed oraz rozsze\u00adrzenie LiteSpeed dla WordPress. Wtyczka ta pozwala na kompresj\u0119 wszyst\u00adkich obraz\u00f3w (orygi\u00adna\u0142\u00f3w oraz miniatur), oraz, w po\u0142\u0105\u00adczeniu z serwerem LiteSpeed, udost\u0119pnia bardzo wydajny system pami\u0119ci cache, umo\u017c\u00adli\u00adwiaj\u0105c tym samym serwo\u00adwanie Twojej strony w u\u0142amku sekundy.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n

        We wcze\u00ad\u015bniej\u00adszych arty\u00adku\u00ad\u0142ach pisa\u0142em o tym, jak wybra\u0107 najlepszy hosting dla WordPress<\/a> oraz jak skutecznie zopty\u00adma\u00adli\u00adzowa\u0107 obrazy w WordPress<\/a> dzi\u0119ki wtyczce LiteSpeed Cache.<\/p>\n\n\n\n

        Opr\u00f3cz tego zaleca si\u0119 tak\u017ce mini\u00adma\u00adli\u00adzo\u00adwanie ilo\u015bci zapyta\u0144 do serwera<\/strong> przy ka\u017cdo\u00adra\u00adzowej pr\u00f3bie otwarcia strony \u2014 na przyk\u0142ad poprzez scalenie skrypt\u00f3w JS oraz CSS<\/strong> do mniejszej ilo\u015bci. Ze wzgl\u0119du na z\u0142o\u017cono\u015b\u0107 stron inter\u00adne\u00adto\u00adwych, mo\u017ce to by\u0107 zadanie czaso\u00adch\u00ad\u0142onne i oparte o koniecz\u00adno\u015b\u0107 testo\u00adwania r\u00f3\u017cnych para\u00adme\u00adtr\u00f3w oraz wyj\u0105tk\u00f3w (niekt\u00f3re skrypty musz\u0105 zachowa\u0107 swoj\u0105 kolejno\u015b\u0107 \u0142adowania, jeszcze inne mog\u0105 by\u0107 urucho\u00admione tylko po nary\u00adso\u00adwaniu ca\u0142ej strony). Opty\u00adma\u00adli\u00adzacja skrypt\u00f3w jest tym bardziej istotna, im wi\u0119cej jest ich na stronie<\/strong>. Je\u017celi posiadasz np. rozbu\u00addo\u00adwane slidery, warto pokusi\u0107 si\u0119 o dodatkow\u0105 opty\u00adma\u00adli\u00adzacj\u0119 lub\u2026 Rozwa\u017cy\u0107 rezy\u00adgnacj\u0119 ze slider\u00f3w w og\u00f3le.<\/p>\n\n\n\n

        Je\u017celi czasy \u0142adowania Twojej strony inter\u00adne\u00adtowej po wpro\u00adwa\u00addzeniu tych trzech podsta\u00adwo\u00adwych krok\u00f3w s\u0105 w dalszym ci\u0105gu nieko\u00adrzystne i prze\u00adkra\u00adczaj\u0105 trzy sekundy \u2014 mo\u017cesz zleci\u0107 audyt i opty\u00adma\u00adli\u00adzacj\u0119 firmie, kt\u00f3ra prowadzi takie dzia\u0142ania<\/strong>. Przy wyborze takiej firmy warto zwr\u00f3ci\u0107 uwag\u0119 na jej skutecz\u00adno\u015b\u0107 mierzon\u0105 nie tylko w punktach osi\u0105\u00adga\u00adnych w testach synte\u00adtycz\u00adnych, ale, co wa\u017cniejsze \u2014 komplek\u00adsowym podej\u015bciu do tematu opty\u00adma\u00adli\u00adzacji. Przy wielu stronach zbudo\u00adwa\u00adnych na podstawie popu\u00adlar\u00adnych na rynku rozwi\u0105za\u0144, osi\u0105\u00adgni\u0119cie najwy\u017c\u00adszej punktacji w testach synte\u00adtycz\u00adnych nie jest mo\u017cliwe bez nega\u00adtyw\u00adnego wp\u0142ywu na wygl\u0105d strony oraz jej zacho\u00adwanie w trakcie \u0142adowania<\/strong>.<\/p>\n\n\n\n

        Specja\u00adlista powinien by\u0107 w stanie doradzi\u0107 optymalne rozwi\u0105\u00adzanie<\/strong> \u2014 czy wa\u017cniejsza jest agresywna opty\u00adma\u00adli\u00adzacja, gruntowna prze\u00adbu\u00addowa i prze\u00adpro\u00adjek\u00adto\u00adwanie strony czy mo\u017ce jeszcze inne rozwi\u0105\u00adzanie \u2014 zamiast opty\u00adma\u00adli\u00adzowa\u0107 stron\u0119 na \u015blepo.<\/p>\n\n\n\n

        Podsu\u00admo\u00adwa\u00adnie<\/h2>\n\n\n\n

        Z opty\u00adma\u00adli\u00adzacj\u0105 stron inter\u00adne\u00adto\u00adwych jest troch\u0119 jak z mod\u0105 na zdrow\u0105 \u017cywno\u015b\u0107 \u2014 temat jest wielo\u00adw\u0105t\u00adkowy i zawi\u0142y, ale dla \u0142atwo\u015bci przekazu bywa sp\u0142asz\u00adczany do poziomu pasty z awokado i innych super\u00adfoods spro\u00adwa\u00addza\u00adnych z dalekich krain. Tak, jak objadanie si\u0119 awokado nie sprawi w magiczny spos\u00f3b, \u017ce do\u017cyjesz setki \u2014 tak sto punkt\u00f3w w PageSpeed Insights nie spowoduje, \u017ce ruch na stronie wzro\u015bnie o kilka rz\u0119d\u00f3w wielko\u015bci i nie op\u0119dzisz si\u0119 od klient\u00f3w<\/strong>.<\/p>\n\n\n\n

        Warto dzia\u0142a\u0107 w spos\u00f3b z\u0142o\u017cony i by\u0107 zorien\u00adto\u00adwanym na cel. Opty\u00adma\u00adli\u00adzacja strony inter\u00adne\u00adtowej to tylko jedno z narz\u0119dzi \u2014 cz\u0119\u015b\u0107 procesu maj\u0105cego na celu umo\u017c\u00adli\u00adwienie odbiorcy dotarcie do inte\u00adre\u00adsu\u00adj\u0105\u00adcych go tre\u015bci oraz zaspo\u00adko\u00adjenie swoich potrzeb.<\/p>\n\n\n\n

        Nie ma drogi na skr\u00f3ty<\/strong> i tania strona inter\u00adne\u00adtowa, posta\u00adwiona na przy\u00adpad\u00adkowym motywie, wype\u0142\u00adniona przy\u00adpad\u00adkowymi tekstami i zdj\u0119ciami z bank\u00f3w zdj\u0119\u0107 nie b\u0119dzie skutecznie sprze\u00addawa\u0107 \u2014 nieza\u00adle\u017cnie od tego, czy w testach synte\u00adtycz\u00adnych otrzyma dobre b\u0105d\u017a z\u0142e oceny.<\/p>\n\n\n\n

        Tre\u015bci powi\u0105zane (j\u0119zyk angielski):<\/h4>\n\n\n\n

        Why you Shouldn\u2019t Care About Google PageSpeed Insights<\/a>
        WP Rocket<\/p>\n\n\n\n

        PageSpeed Insights Is Now Powered by Ligh\u00adthouse: How to Read the New Audit?<\/a>
        WP Rocket<\/p>\n","protected":false},"excerpt":{"rendered":"

        Czyli \u015blepa i szkodliwa pogo\u0144 za jak najlepszymi wynikami w testach syntetycznych typu Google PageSpeed Insights.<\/p>\n","protected":false},"author":3,"featured_media":4108,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[123,112],"tags":[174,114,169,95,113],"class_list":["post-4070","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-eseje","category-strony-internetowe","tag-optymalizacja","tag-projektowanie-stron-internetowych","tag-seo","tag-strony-internetowe","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts\/4070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/comments?post=4070"}],"version-history":[{"count":0,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts\/4070\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/media\/4108"}],"wp:attachment":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/media?parent=4070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/categories?post=4070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/tags?post=4070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}