 Na zdar, ľudia. Hejto pejnáške si ukážeme, ako z rýchlej tie vaše vodpresly po 500 milisekum. Je to vás nejakú robiť rýchlej stranky, ktoré prepokročili uživatevo. Hejne bude tomu, že začneme nejaké 2-3,5 geny typu V3 totalke, že ale povedeme trošku aj do zdrojového kodu a tak ďalej. Ja sa volám, ja som dodmet a robím webi už dlho. Od 2006 sa venujem web-developen. Takže prekoho je táto prednáška učená. Takže predpokravám, že ty čo tu sedia, majú nečo spoločné z vodpresom, vedia, čo to je. C, C, Z, J, Z jelastry, G, P, M, T, M, L, také základné vecí. Vás si vie, každý znaš, čo tu je, o večina. Takže ako sa dostať na 500 milisekum, ešte, ešte, že prečo teda 500 milisekum, to je taká magická hranica Vranci slovenska, lebo sme nie geografický rozlahla krajina. Káble sú krátké, čiže signál rýchlo letí. Normálne je dobré, keď Vranci takého svetového štámbleru je fajn, keď ten váž web sa začne zobrazovať do 1 sekundy, že už niečo tam užívateľ vidí už, to nevidí bielú obrazovku, už tam vidí no všetko najlepšie, hej? No ale slovenskou je taká malá zlata krajina, čiže 500 milisekum je taký štandár podľa mňa optimalný pre nácej. Vrát, to istá ešte Česko. Takže skrátké, ako na to posielajte malodát, iba tie potrebné, to znamená, že nepište o rossiálie srejové kody, nedávate tam 200 cs, javascriptov a tak ďalej, používajte správne formáty, to znamená žiadné png, hej? Majte rýchli serve, rýchlo zakiešovaní a pište veci do kodu tam, kde patria. Hej, tá posledný bot je zláš taký klúčový, lebo dá sa aj s veladátami, aj s nesprávnými formatmi, aj s pomalným severom, tá stránka dotiahnuť aspoň na tých 1000 milisekum, keď pišete tie veci tam, kde patria. No, takže najskôr si preverme nejakú takú ešte teóriu, že ako funguje výkre slovanie v prehliadačoch, takže klasicky za 1000 milisekum sa správi 60 frame, nečiže na jeden frame, aby došlať výkre slovanie o jevíčaných tých 16 milisekum, ale to není úplne ten plný část, tam ešte počítač, užívateľo musí dostať data zo serveru a musí ešte to aj spracovať, hej, k tomu výkre slovanie, takže tam je možno nejaký 10 milisekum, aby ten užívateľo mezi tým jednotelivým frame byde ozmenu, mezi tým frame má mi byde ozmenu. Čiže prácte to vyzerá tak často, takže niektoré frames sú preeskočené, hej, to máte, že máte 300 milisekum bijelú obrazouku, po to vám tam nabehne už nejaké pozadie a ďalších 300 milisekum vám už začne nabiehať nejakých tekdej, alebo tie frames boli preeskočené to počas toho vykre slovanie, že ten prehľadarž ni dostal, dát, aby mohou niečo pustiť užívateľovi. No, takže tu máme, takže ideme na tú, toto je teoretická čase, ešte bude workshop, kde si to tak aj viac blíšie rozobereme a ukážeme si to tak prakticky, hej. Takže tu máme pre civou úplne vežný zdrojak, hej, tak toto je napisane tak, ako by sa, by nemal byť, hej, to sú, že nepišelú tých ľudia tam, tak pozdravujem, je tu. Ale vidím, že dobra, takže to som požijul, ako príklad toto, ale už sa to prepísal, takže už je to orobené dobre, ale tak toto volá, keď by zravoť, že... Tu je či? Nie, ale bude, ale bude... Bekne to opíšem, hej, a bude pod prednáškou na vodpresteve bude odkaz na stjahnutie sladu, takže si to môžete pozrieť na vašich monitoroch. Takže toto je hlavička, hej, my vidíme prvky zabrádzujúce, zovraníúce výkreslovaní, to znamená, že ako funguje také stiaholanie stránky, neskoro vám server pošlo hotomolo kód. V tom hotomolo kódie sa nachádzá, zoznám ďalších veci, čo si musí prehľadať stiahnúť, aby došlo do nejakého výkreslovaní v toho webu, hej, takže no, klasika proste. CSS-ká sú tu, JavaScripty sú tu, tu to máme nejaký fontík, a celý ten čas anič nedeje, hej, užívateľ vidí bielú obrazouku a prehľadač usilovne stiahuje. Takže úplne asi čo byste si mali odniesť hlavné z mojej prednášky je to, že dávajte všetky tieto veci do petičky. No, nech ten užívateľ hneď, čo najskor ako si otvori tú stránku už nečo vidí. Takže CSS-ká do petičky, JavaScripty do petičky a fontí je náležšie nepovžívať, ako je to možné, nektorí klienti výčadeľu fontí, pekne. No, takže vešte k tomu, že kde sa dozviete ako sa tá stránka vaša správa? Neviem tak, je taký nástroj, vlast to, že web page test a zvíďte ruku, že si niečo robili, ktorí ho poznajú. Takže pred tých, ktorí ho nepoznájú normálne klasický formular zatate tam svoju stránku, urole stránky, ktorú chcete testovať, vyberajte prahu, keď robíte ve pre túto geografickú lokalitu planety, ale moží tam testovať celý svet. Čo tam uvidíte? Takže tu je nejaký load time, to znamená, že koľko sa stránka čakalo na to, kým vyliežil prvý byte od servera do užívateľho počítača. Kedy sa stránka začala výkreslovať, to je, že start render, výžoval complete, keď sa už neudiali žiadne zmeny v lejauti stránky. Tam sa ešte mohol nejak údalosti na onloadie, mohli prebiehať, že sa zťahoval ešte nejaký lightbox z Facebooku, ale praktyčký už neprebiehal tam žena vizula na zmena. Potom tam je nejaký speed index, to je nejaké vnútorné hodnotenie tej stránky v rámci toho nastroja. First interactive to znamená, že už sa s to stránkou daol nejakou hybať, že ten užívateľ sňom mohol viesť nejakou interakciu, jak je to vyhľadávanie, tak mohou už zavať v rámciu, ktorú chce vyhľadť a slačiť enter. Potom ale do onload complete to znamená, že to ja si nečo spojene s tým visual complete, že koľko trvalo, kým ta stranka bola, koľkoť času to zabralo, kým sa dostiahvalo. A fully loaded, kým sa naťahli všetky veci na pozadí. Udalosti, ktoré pripinate na onload. To máte, že koľko trvalo na výazanie a potom nám je to je notlivé pripojenie. To je tam nás zakladný hotamalo, ktorý nám ide. A máte rozkúskované tý notlivé častí, ako sa správali. Hej, že DNS, luká, potom Konexion k serveru na výazanie šiprovaného pripojenia toto dlhé, to znamená, že server počítal niečo, a toto, že to sposival ten server prehľadáčky. Takže to znamená, že výazanie hotamalo to znamená, že kedy sa ta stránka začala výkreslavať, že už živateľ nevidel bylu obrazovku, ale už videl nejaké farbičky tam, nečo farebne. Potom, keď si klikneme na tento detail, tak sa nám urazí takéto pekné okienku, a tam máme ešte nejaké ďalšie detály, ktoré sú doležité pre nás. Time to first byte Content, koľko sa stiahal 6 ms. Koľko z toho contentu, 4,8 kB Koľko to bolo niekompressované, heďže vidíme, že server gzipuje, super. Koľko trvá SSL negotiation a tak ďalem, že to si potom nebudeme teraz neklupšel. Máme malú času. My tam ešte taká pekná funkcie, že si môžete pozrát, ako vyzerá ten, ako si ta stránka načítava na tom uživateľovom aj v Austráli, že keď potrebujete otestováť nepreká v Japonsku ten váž webči, to vyzerá tak ako na Slovensku tak si to môžete strávať z tento nástroju, web page test. Tak tu vidíme, že taký internetový obchod, ktorý som mi optimalizoval nárychlost, toaletné stoliki tak každých 100 ms. je tentoframe, že sa začala stránka rendrovať, výkreslovať užívať ďalový, že už nevidel stránka zobrazovku v 400 ms. Hej, že stránka sa zobrazuje po tu to vidíme presne, že 0 a 3 sekundie sa začína stránka zobrazovať už, hej akože rýchlo, pretože ta stránka neopsáho je hlaví žiadné render blokujúce prvky no takže celé to pozostává teda z takých dôchčastí, hej backend, to čo máme na serveri a v WordPressem taký nejaký mix medzi frontendom a WordPressom takže na toho v tom backende je klasika, hej tak engineX používajte na ten vás WordPress pokiaľ je to možné engineX to je serverové riešenie masy vietne videm, že to tu nejako hlupšie apadže engineX je rýchli na statické súbory, hej statické vy keď máte ten web zakiešovaný tak to je prakticky statický súbor to je tak znamenia, to volám, že čítací web, hej ľudia chodí a v WordPressi čítat, hej, potom apadž je dobrý na počítací webi, hej, taký, že ten web má nejaké appičko, ktoré musí spracovať, čo počedauka to musí stiaľ mať appi, prepočítat to nejakou a vyplutou užívateľový, hej engineX ma výborné vysladky pre statické súbory, čiže pokiaľ máte WordPress, treba ho mať zakiešovaný a treba ho mať na engineX idealne, hej môžete doma statické tu stránku alebo privožený produktu do košíka, tak už tam musí byť, už to nemôže jichce statickú cache, lebo už sa to tak pomení trošička, hej tam my mimo ale ten košík zmení sa v obsah, tak treba cachevať do pity do databásy, hej, čiž na to sa používá readys, memcash, xcash a ďalšie veci mesta celkom osočil readys, memcash a potom ďalšia vej to je taká ako, že dvoj ročná novinka, hej, ale je to také, že ešte to nenipshade i protokol hototop2 kto vie, čo kto už počul pojem hototop2 protokol no, dobre, to sa ja zmeni ešte cítak, že tak, že pokiaľ ste na hototop1 a jedna prejst na hototop2 to si ukážem na ďalšom sladíku tu to bude, hej treba vať sd disky, hej, všetko rýchle databaza načíta na vrámke a toto tento bôd, to je niečo, že decepejnešel windows je 14 kilobytov nám potom link bude, že na veľsí si mohli prečítať, čo to vresne je znamená ja mam to tak rýchlosť vysetlím, že to, čo sa na vodpestoch prácticamente nedá to si, hej o vodpestama tama jekveri tam a kdež keby ste aj inline tak jekveri zozipnutí ma kolko 20 kilobytov, čiže to toto nie nie, ale čo to je, hej, keď rýde užívateľ tak prvú seriu paketov, ktorú mu ten server pošle je veľkos 14 kilobytov zgezipované, hej, čiže odgezipované to má nejakých 56 kilobytov, čiže vaša stránka vášetek kód, ktorý vypotriete tomu užívateľoví napratať nezipnutý, alebo neskompressovaný, lebo gezipnený jediná teraz kompresia taká dobrá rýchla má 14 kilobytov, hej, čiže keď budete robiť nejaké webi od píky a budete potrebať, aby išli rýchle pod svojom svete, tak toto je vaš datový rozpočet, do ktorého sa potrebujete napratať hej, 14 kilobytov, hej, čiže tam nemôžu byť nejaké PNG, ale musíme tam byť vektorová grafika, ktorá sa krásne zipuje nesmú tam byť jQuery a takéto braždy musí tam byť natýmne javascript a tak ďalej, tak ďalej, hej no, 14 kilobytov a potrebávať ešte na tom back-end, o.c. sp. stapling vrty, také, chilne slovo prakticky, no si ukážeme, potom čo z nám je, hej, ale nabíste veľký připoj mi zruba no, takže toto je, toto po 2,0 neviem, či niekto, tento čo sme videli tu tak tento, toto tak tu je toto je devovský server, kde sa vyvijalo tento web jedná protokole hototop jedna, jedna a on ma taký taký vodopad, takto dlho to pada, takto dlho to spadú a do toho pehjadaču užívateľov, a hototop dva, vlastne ten vodopad je taký krásný, rýchli, jaže sa nadvia, že sa, nadvia, že sa pripojenie a taký talkstream a ono to hodí ten server tomu užívateľov všetko na nás no, takže to je toho a to všetci vieme už dlhli veľa ruk, tak nebudem preskočíme a to vidíme ten rozdiel, hej, toto je ten jednoj navazany stream, kde mu to hodil a toto je také postupné postupné stahovanie v starom protokole hototopu jedna, jedna kde je to pomalšie, no, takže vlastne peditne hototopu dva, vodka toto je OSTP stop link a keď máte na OSTP keď máte certifika na stránke tak v Chromtonie rieši, ale Firefox to rieši Firefox zistuje, či ten certifika certifika, ktorý máte na te stránke je platný, či je validný je on sa ide a opíta sa tej certifikačnej autority napríklad ledscripture hej, je toto, sedí toto, hej, sedí no a oto sa vám pri tom Firefoxe naťaho je to načítenie hej, vidíte túto dlhú medzeru, hej, to bolo to bolo 200 milisekund prehádať, komunikoval ešte z nejakou ďalšielo stránkov, hej, no toto sa dá obistak, že by si nastavíť a na servery toto OSTP stop link a tým padom celé toto čekovanie a validný certifikaťu robí za vaš za vaš server, hej, takže vojistite sa, že toto máte zapnuté no ideme na prondent akože to servery by sa dalo ešte veľ o tej servery často by sa dalo veľa, ale máme omezený čas front end takže sústretie sa na obsah na zalo mením, hej kdy tam uživatel, jeho potrebuje vidieť niečohneť, jeho nezávojmať, čo je 5 skrolovaní po toho stránku če pod jeho monitorom jeho závojmať nibá ten kúlčový obsah, ktorý sa mu vyroluje hned na jeho mobíle, na jeho monitore hej, čiže to je na to sa sústretie vlach, na Javascript cese, súčasť do frontendu sú je Javascript cese, zobrazky, fontíky hej, hotomelo a iframe video no vidíme k Javascriptu takže Javascript je render blocking to znamená, že to znamená, že sa vykresluje stránka a tu zistiť ve tej hlavičke tu zistiť o hlavičke, klasický Javascript že tam je nejaký Javascript hej, tak neprebieha vykreslovaní čaká sa na to, ký sa stiahne ten samotný súbor, potom sa prepočíta, a potom vlastne, že aké vprveky ovplivňuje a potom sa pokačuje o vykreslovaní, hej, čiže počas týto, počas týto doby užívate o vidí, bylo obrazovko respektie nevidí žiadnú zmenu, hej, no takže Javascript je render blocking preto by malý ideálne do petičky je vlastne sa stiahne až keď prebieha vykreslovaní užívateľ vidí ebou do phone a neblockuje to nejaký prež jQuery, hej, toto často není isplničialné ale sú je množstvo aj vodpressovských blogov, ktoré nemajú funkciálny tu vyšadujúcú jQuery, hej, tak proste tu jQuery stáde, dajte preč, je to proste nejaký micro webik, nejaký čítar si micro webik, hej, kde není tak všetky javascript, ktoré tam ten vodpress natyvne posiela, to si ukážeme na vodpress sa treba dať čak som to voľa, to je praktické časti hej, workshop, hej ale nerasa to, hej, keď sa na keď sa na dvou komersoch potreveme tu jQuery takže vtedy šub do petičky súne, hej alternatívne môžete prejzna takú napodobeninu jQuery vlastne to, že zepto ale stále je zepto veľké okran to zepto je iba od internet explorer 10 više, takže tie stare 9-8 nie sú podporované potom nálepšie použiať čistý javascript, keď musíte deferoľa, ja si nichonizovam, to si ukážeme na tom ďalšom slide a eferiť, to nejvenšie zapozitámka a Chrome DevTools vám umožňuje analizu vašho javascriptového kodu, že aké keď sa je vaše funkcie a kolko oni zoberú z výkonu procesora tak, že vidím, že táto funkcia viťaží ten procesor, nic nejde dlhoužívať odšak a vidí tam, nevidí žiadnú zmenu tak treba to funkciu prepísať to si vygovlite, že Chrome DevTools má kód na analizu že je z kodu, to vám stačí ako základna informácie na vygovlanie tak, že to naká ideme tomu deter a async pokiaľ sa dá, tak ja používam navod presi, že dopíšem do toho script, ješie takýto a čo to praktycky znamená že ďalej berbehaz výkresluvaním, že vlastne vy to môžu prehľadť, že tu nic dôležité není, tento javascript graficky nevplýva na ten oni, na ten na vysledné výkreslenie stiaľuj ho na pozadí, hej, tu ho stiaľuj na pozadí, ďalej výkresluj a keď tu stiahneš tak ho pustí, hej tak proste spustího funkcionalitu no, niečo slabšie je async to je ste vlastne, že nečakaj na to kým sa stiahne, hej tu sa ďalej stiahuje a keď tu dostajú ešte takho pustí, hej tak tu zablokuj to výkresluvanie po počítaj a potom ďalej pokračuj, hej no, tento akú ja všate teda pokiaľ možen defer, hej dá sa to aj na tých bukomersoch ale nie dá sa v admi ne somal nejaké pelomis funkcionalitým dp admi keď som sa nacházal v tejto časli tam deferovať neodporúčanom to vidíte sami, proste všetko když si pokazí tak to dajte tomu vynímku, hej v kode že na tejto stránke to nerob keď budeš alebo ešte prasne ešte, že možne ktorý ja vás kripto je kľúčový výpredu funkcionalitu a ten nedeferovať založí to, že ako sa vám myslíte priplacný, ak je pre vás dôležitý koľko časlo môžte venovať takže cssko, hej opäť cssko render blokujúce dávajte všetky csska do petičky zabránili takzvaný, že preblesnutiu nenaštylovaného obsahu to znamená, že mezi tým prihľadací stiahnie hotom, ale vypluj to klasické úplne najklasičkejšie hotom, alebo haj, notky, pečka, nejaké odkazy modre v takom formatovaní a potom si stiahnie to css a potom to dopočítá, vykreslí do polohu ako má, hej, aby sme tomu to zabránili tak používame takzvané inlineujeme vkladame do tej hlavičky kritické css hej, to kritické znamená že nám ovplňujú polohovanie prúkov a ovplňujú nám vyfarvovanie prúkov, hej, prvá zále prácticky znamená, že idem na ide nástro, ktorý mi to celé vytiáne, hej, ktoré sú kritické a vložím si to líba do moje hlavičky, no, da sa da sa css skaj deferováť, ale vy už keď je taký kodik, má na to Google pekný, kodik ten použijam od Google, ale by už keď máte tie csska v petičke deferováť netreba, no, to už je dostatočne dostatočne dobre no, takže nástro, ktorý použijam na vytiahnutie inline, kritické css je veľoci, ty, hej, tu to to si hodíte si do Google a kritické css generátora, to mám tam vybehne no, a toto je ešte ten, no a čo to dá znamená, ako to ja ten kód, to to je od Google, ďakujem je Google za poskypnutie príkladu čo to znamená, hej, to kritické css, tak toto toto je hlavičke priamot vložený css kod, ktorý nám ovplíňuje vyfarbenie, hej takže ten, a tu máme nejaký kód, hej tu to máme body, klasiké, a tu máme nowscript, no to to je nejak defernutie, ešte píklad aj defernutia, že tu máme nowscript takže sa nestiahuje sa tento stáil, ale stiahuje vlastne funkcia, ktorá to robi na onloadie, že keď sa dostiahuje stránka, stiahne ešte css čas z nás tlačiť, že nemôžeme ziel mi do hlbky vyskúšate si tento kodi, kdo má samý je to super, zrichuje to vepno aby sme nepreskočili niečo no a tie to inline critical css tento nastroju vám vygeneruje nejaké cssko pre váž web a vy ho vložite do tej hlavičky sajma, to je všetko a toto je petička, je vlastne že toto je petička a ten zvyštny css dá si do petičky no tak to si praktickú ukážku si dáme na tom volkshepe pekné písmenka, fonty tak ne používajte hey je, očný kontakt som videl a tam, dobre no niečo si ale môžu ne použiať fonty čiže používajte to je najformatóry ma najmiššiu kompresiu najväčšiu kompresiu ale nie všetky piháda, že podporujú bov 2 to si také tie srandy ako to celé urobyť ako podbou si tie auto celá takže keď už máte tie fonty tak ich z tahojte do soho servera a nez tahojte ich z Google fontov to je externý request čakajte na ďalší server to bakom je ten ďalší server stave tu do Google fonty sú zrovna ale keď máte nejaký iný zdroj tak vždy tam prebieha také uvodné trio musí sa nadviazať DNA musí sa nadiaziť DNA záznam potom sa musí pripojď užívateľ k serveru potom sa musí nadviazať čifrovane pripojenie to je také trio, ktoré vám zoberají 300 ms keď sme v Australii, tak je to trio na 1 sekundu takže nie treba externý zdroj treba to všetko dávať k sebej na server ďalej môžete tie fonty prednačíť na tláčať že puš sa to volá a na miesto font osom používať ktorý má 70 kilóba môžete použiať font neľo albo icon moon to znamená toto bude reload a puš bude z ďalšej slidol pôjme k fonte som bolo vištírom icon, ktoré majú 70 kilóba tak to je blbosť cedentofontelo vám umoženie skompilovate 4 iconky do zlášfontu iba pre vás a stahujete 4 iconky, ktoré majú 8 kilóba takže už sme už všetkyli nejaké kilobyty nejlepšie fonte som vôbec ne používať sa vám vyhybám fonte som keď môžeme pôjme go bráskom čo máme? či vám minutu? do prdelá ne používajte pengečka kompresujte pengečka idú tiež kompresovať dajú sa používajte progresíne pengečka uživáte ľudí ako sa postupne nečo natahuje nevidí tam bielu obazouku ale už vidí nejaké páseky lejziloudujte to znamená, že obrázky lejziloudujte, kto nevečer lejziloud? dobré, vy se tým počom ne používajte používajte ikon všeobecne na ikony ne použijajte penge použijajte svg kto nevečer svg všetci vieme krása používajte serce set pre zaredenia z rôzným počnom vodu alec a premobilia tak dalé že ten obrázok sa nestiahnie po volkom rozlišení keď uživateľo ľudia cez mobil sťahne sa na malom rozlišení je to možné webp to má lepšť 30% lepšiu kompresiu než GPEG používajte zástupenie to znamená, že vy to mužívateľový dajte nejakú odlakčenú verziu toho obrázku, ja neviem 56x56 kW veľký GPEG natianú ti do pozadia všetci beží múžu predstavývoz a potom to natahuj sa to na pozadí no no, že nevidí biele miesto ale vidí tam už proste nečo ok, no tak používajte nastroj toto je vyborný nastroj image, image optima aj plug-in do Wordpressu samozrejme, ak sa vám nechce platiť tak ve tu taký resmažit to je vás nejaká verzia jahu prežesiu ako image optima ale urobí veľa dí-dí-dí, čo toto je lazy loads, no ja sa neodporučám plug-in a3 lazy load do Wordpressu, toto je lazy scripts svetigrál, prejkomky SVG použijate SVG, ako skládká vytvorí také nuduché SVG to je taký editor opensorosový na SVG potom s SVG minify tam sa to ešte da stále o niečo zmennšiť a keď použijate SVG do svojich css, nie ropte to css, bs, 64 ale normálne, ako tam inkludnite ako semolý dokument na to je taký nastroj, pekne na YouTube tu je link preto lebo prečo, prečo, prečo sa zrubá nejaký zrojak srednice se tu VP, sme jedný slom spomenuli zastupenie no, to je fantazie render, hey tu to bol problém, na tomto hladné stoliky bol problém, že sa tam stahovalo stážne veľa obrázkou a uživateľ tam videl biela miesto a teraz rozmyšel, či ešte či sa už niečo natihlo alobo čo sa vôbec dne takých zdravých kot, kde sa to krasne ukáže, že do pozadia tam, kde je normálny obrazok som šupol nejakú jeho bs, 64 encodnutú 56 na 56 veľkú ikonu, hey a normálne som tam normálne tam sa dostiavalo potom postupne veľký, pekný, ostri obrazok no ale už tam videl proste nejaké rozmyzané stoliky a už bol spokojnešie no, tak pozerá na to či sa nečo dzieje, mám stáde nefunguje to, nefunguje to no povúžívajte teraz príjde do mody Takanová kompresia Brotli Savola umoženuje to o jednou štvrtinu lepší kompresny pomer, než GZIB zruba DNS look up som spokojenil, to je to triok to je to DNS pripojenie k serveru SSL handshake výbáte sa tomu pokiaľ môžeme nesťahujte veci z externých serverov preloď preconnect GZI Brodli obrazoček DNS look up som takto to vyzerá že máte tie fonty hlávne že máte DNS pokiaľ má nevýhodia pokračujem to musím dokončiť ja som radožil, že 25 minút je málo že takto to vyzerá keď sa stahujú fonty že nepoužívajte tie externé fonty hlávne a potom ešte jeť do druhého Google že sa vám to natahuje 400 ms kým vám priletie a užívateľové fonty treba tie fonty tie hlávne lepšie do svoho servera kde už pri hototop 2 je celéto okno nadbiazané a už sa sa iba streamujú datá do užívateľového pročítača preload je taká noľá hráčka novi tak, to je to šupa obzlažia vás kriptová verzia najme na vóch komersoch môžete prelodovať skrypty užívateľná ďalšie stránke že nachádza sa na stránke produktu a viete, že si to vôžete do košíka tak preloadnete už na stránke produktu skrypty, ktoré bude potrevať v košiku a nemusíte čakať a má to hneď je tam myhlej, že ten koversmi pomerže produkt, košík, pokladňa, zaplacené takže preload prekonekt to istra ko preload len se to nestiahuje ale urobí sa to okno sa správi no to trio a to je sem naviazanie handshake čas na slačí to vieme často ľudia, keď si pozrute proces je ako sa optimálizuje ten web tak som nespokojný s tostou agentúrov s tým svojím programátorom a tak ďalej no nikto nere všetko a aj po ciek tomu zhojívavi ľudia sa účecali život ja tiež nene všetko nechate si správiť audit niekým ako som ja Ľakujem za váš čas mají kontakty nejaké otázky ďalaj, rífo proste niešte raz a čo si tým autopick prevereme potom to je použiat na mobili nám to nastavené aby ten uživiatel dostať na e-sportu informáciu ale cedenka treba keď máš veľký web toto je primárne cedenka nereším ako? na všetkých statických súborí aj kontra keď sme do svojho servera dobra ďakujem ďakujem za vášu pozorné