Zrychlování mobilního webu aneb LTE máme jenom v Praze | Jarda Hanslík - Slev...skrzczdev
Prezentace z Skrz DEV Cirkus vol. 2 na téma Zrychlování mobilního webu aneb LTE máme jenom v Praze. Video k dispozici na https://www.youtube.com/watch?v=Jz7htHPjsu4
Co to je crawl budget a proč byste se o něj měli zajímat? U jakých webů jej má smysl řešit, u jakých naopak ne? Jakým způsobem můžete ovlivnit, jak robot vyhledávače stahuje vaše stránky? A má vůbec smysl robota nějak limitovat?
Tomáš Fejfar - Elk - Víc než jen logy (4. sraz přátel Symfony v Praze)Péhápkaři
Jakmile máte větší aplikaci rozdělenou na více workerů nebo oddělené microservices běžící jako samostatné aplikace brzy se přestanete orientovat v množství logů, které servery generují. Navíc co se nedá měřit, to se nedá řídit. A logy se měřit dají. A já vám ukážu jak.
Zrychlování mobilního webu aneb LTE máme jenom v Praze | Jarda Hanslík - Slev...skrzczdev
Prezentace z Skrz DEV Cirkus vol. 2 na téma Zrychlování mobilního webu aneb LTE máme jenom v Praze. Video k dispozici na https://www.youtube.com/watch?v=Jz7htHPjsu4
Co to je crawl budget a proč byste se o něj měli zajímat? U jakých webů jej má smysl řešit, u jakých naopak ne? Jakým způsobem můžete ovlivnit, jak robot vyhledávače stahuje vaše stránky? A má vůbec smysl robota nějak limitovat?
Tomáš Fejfar - Elk - Víc než jen logy (4. sraz přátel Symfony v Praze)Péhápkaři
Jakmile máte větší aplikaci rozdělenou na více workerů nebo oddělené microservices běžící jako samostatné aplikace brzy se přestanete orientovat v množství logů, které servery generují. Navíc co se nedá měřit, to se nedá řídit. A logy se měřit dají. A já vám ukážu jak.
Marek Prokop na konferenci SEO Restart 2019.
Když narazíte na opravdu velký web, intuice zkušeného SEO konzultanta je vám rázem k ničemu. Na velkém webu musíte zvládnout práci s velkými daty. Ukážu vám, jaké metody a nástroje se na to hodí.
Příspěvek na BrMo, které se konalo 4. 12. 2013 v Brně od společnosti Trinerdis s.r.o. zabývající se používáním multiplatformních technologií vývoje aplikací pro mobilní zařízení - tablety a telefony.
#golang @SkrzCzDev (Skrz DEV Cirkus 21.10.2015)Jakub Kulhan
Go se @SkrzCz používá pro výkonově nejnáročnější části aplikaci. Jedna z nich je servírování bannerů a výběr těch správných reklam do nich. 1000 req/s v peaku a "adbandit" má minimální nároky na server. Podívejte se, jak použít Go ve spolupráci s ReactPHP a RabbitMQ.
Hobby Developer 3.0: Tipy a triky pro webTomáš Muchka
Develop functional useful webpages, not monsters with the size of classic games. This presentation will guide you through all stages of modern web page development with tons of examples from his a real hobby project: http://lan.strazov.cz
Lidé se často zaměřují na chybné ukazatele. Na co se dívat a na co naopak ne? Co o reálné rychlosti načítání říkají Google Analytics, co datová velikost stránky a co nástroj Lighthouse?
Odborná snídaně v Profinitu 30. 5. 2017 - Firemní portály: rychle a moderněProfinit
- o tom jak optimálně nastavit spolupráci business a IT při implementaci portálového řešení.
- zajímavá technická řešení platformy Liferay, která jsme využili na projektu portálu ČSOB.
- zkušenosti s přechodem na plně responzivní web a další zajímavé vychytávky z projektu v Moneta Money Bank.
node.js: zápisky z fronty (Battle guide to node.js)almadcz
[czech] V Apiary používáme node.js v produkci už přes rok.
Proč se zamyslet nad tím, zda ho chcete? A na co se připravit a na co si dát pozor, pokud se do toho pustíte?
Čtvrtkon #71 - Marian Benčat - Angular a NativeScriptCtvrtkoncz
Téma: Angular a NativeScript: Pro enterprise level web, desktop a nativní mobilní aplikace, více info na: http://ctvrtkon.cz/pozvanka-na-ctvrtkon-71-30-srpna-2018/
Search term optimalizace je jednou z nejrutinnějších činností PPC specialisty. Na úrovni agentury se to nastřádá a potřebovali jsme vymyslet způsob, jak to co nejvíce zefektivnit. To se nám z 90 % povedlo a náš Lukáš Vožda o tom přednášel na PPC Restartu.
Marek Prokop na konferenci SEO Restart 2019.
Když narazíte na opravdu velký web, intuice zkušeného SEO konzultanta je vám rázem k ničemu. Na velkém webu musíte zvládnout práci s velkými daty. Ukážu vám, jaké metody a nástroje se na to hodí.
Příspěvek na BrMo, které se konalo 4. 12. 2013 v Brně od společnosti Trinerdis s.r.o. zabývající se používáním multiplatformních technologií vývoje aplikací pro mobilní zařízení - tablety a telefony.
#golang @SkrzCzDev (Skrz DEV Cirkus 21.10.2015)Jakub Kulhan
Go se @SkrzCz používá pro výkonově nejnáročnější části aplikaci. Jedna z nich je servírování bannerů a výběr těch správných reklam do nich. 1000 req/s v peaku a "adbandit" má minimální nároky na server. Podívejte se, jak použít Go ve spolupráci s ReactPHP a RabbitMQ.
Hobby Developer 3.0: Tipy a triky pro webTomáš Muchka
Develop functional useful webpages, not monsters with the size of classic games. This presentation will guide you through all stages of modern web page development with tons of examples from his a real hobby project: http://lan.strazov.cz
Lidé se často zaměřují na chybné ukazatele. Na co se dívat a na co naopak ne? Co o reálné rychlosti načítání říkají Google Analytics, co datová velikost stránky a co nástroj Lighthouse?
Odborná snídaně v Profinitu 30. 5. 2017 - Firemní portály: rychle a moderněProfinit
- o tom jak optimálně nastavit spolupráci business a IT při implementaci portálového řešení.
- zajímavá technická řešení platformy Liferay, která jsme využili na projektu portálu ČSOB.
- zkušenosti s přechodem na plně responzivní web a další zajímavé vychytávky z projektu v Moneta Money Bank.
node.js: zápisky z fronty (Battle guide to node.js)almadcz
[czech] V Apiary používáme node.js v produkci už přes rok.
Proč se zamyslet nad tím, zda ho chcete? A na co se připravit a na co si dát pozor, pokud se do toho pustíte?
Čtvrtkon #71 - Marian Benčat - Angular a NativeScriptCtvrtkoncz
Téma: Angular a NativeScript: Pro enterprise level web, desktop a nativní mobilní aplikace, více info na: http://ctvrtkon.cz/pozvanka-na-ctvrtkon-71-30-srpna-2018/
Search term optimalizace je jednou z nejrutinnějších činností PPC specialisty. Na úrovni agentury se to nastřádá a potřebovali jsme vymyslet způsob, jak to co nejvíce zefektivnit. To se nám z 90 % povedlo a náš Lukáš Vožda o tom přednášel na PPC Restartu.
Péhápkaři - Píšeme čitelný kód #2 by Petr Bechyně, DrivetoPetr Bechyně
Druhý díl mini-serie o psaní čitelného a testovatelného php od Petra Bechyně z Driveto se zaměřuje na architekturu aplikace, resp. delegování odpovědností tříd a principu jedné odpovědnosti (Single responsibility principle).
Péhápkaři - Píšeme čitelný kód #1 by Petr Bechyně, DrivetoPetr Bechyně
První díl seriálu přednášek o psaní čitelného a testovatelného php od Petra Bechyně z Driveto se zaměřuje na chyby, které vznikají handlováním null a používáním optional arguments.
6. Co bývá špatně
- [DB] duplicitní volání DB dotazů
- [DB] použitý špatný (žádný) index
- [DB ]vybírání hodnot pomocí id = 1 místo využití IN (1, 2, 3)
- [DB] řazení na disku (typicky sloupec s dlouhým řetězcem při řazení)
- externí služby (pomalé, padající)
- špatný kód (vložené cykly, in_array, serializace, debug data)
7. Backend
Co měříme?
- CPU (~ PHP), DB, elasticsearch, externí služby
- přihlášený vs. nepřihlášený už.
- roboti vs. lidé vs. naši admini
Jak měříme?
1. agregovaná data si postupně ukládáme do APC a jednou za čas
posíláme do DB
2. u pomalých stránek si ihned uložíme úplně všechno co se na té
stránce dělo do DB
15. Frontend
- Page load time matters!
- Zaměřujeme se na mobil, >50% jsou mobilní sessions a exity do
shopů (záleží na reklamě)
- Sledujeme firstContentfulPaint
- Reportujeme pomocí GA eventu, z GA taháme přes AddOn do Google
Spreadsheet
- Pingdom Page Speed - objevili jsme zvětšení JS o 100kb (requirejs a
ES5)
- Chrome inspector, webpagetest.org (kdyz jsme nasazovali http2
nebo pro AB testování)
16.
17.
18. Frontend - Jak?
- Snažíme se, aby uživatel co nejdříve viděl smysluplný obsah (FCP)
- Co nejmenší HTML a CSS (render blocking)
- Inline CSS na 1. načtení pro non-H2 klienty
- H2 Server Push pro CSS
- Lazyloadujeme, co se dá (pomocí IntersectionObserver API)
- WebP obrázky a WebM videa a brotli kompresi
- Resource Hints:
- preconnect na remarketing
- <link rel="dns-prefetch preconnect" href="https://www.google-analytics.com">
- preload na místech, kde nám to dává smysl
19. Tools
- Google Lighthouse (audit stránky)
- performance
- pristupnost
- https://www.thinkwithgoogle.com/feature/mobile/
- Porovnání rychlosti reálných uživatelů sbírané z Google Chrome
- Dobrý na porovnání vaší služby vs. konkurence