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
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
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webůMartin Michálek
Proč vlastně řešit rychlost načtení? Proč v souvislostí s rychlostí nemluvit jen o rychlosti načtení stránky? Jak zjistit nedostatky webu související s rychlostí? A co chtít po kodérech, když je objevíte?
http://www.vzhurudolu.cz/prednaska/seologer-178
State of the art responzivních technikálií (Devel.cz)Martin Michálek
— Responzivní webdesign jak jej definoval Marcotte je přežitý
— První problém je v rychlosti načítání: naštěstí tu máme Picturefill, lazy loading, compressive images a back-end
— Dalším problémem je pracovní postupy: Mobile Up namísto Desktop Down, hodně breakpointů, hodně verzí kódu a kód orientovaný na stránky namísto UI komponent
— Třetí problém: uživateli dáváme daleko víc než potřebuje: téma je AjaxInclude a podmíněné načítání assetů pomocí Modernizru
Kde jsou hranice užití JavaScriptu, aby vyhledávačům nevadil? Jak udělat průchozí stránky pro vyhledávače? Co vyhledávače a Ajax? Jaký je rozdíl mezi Googlem a Seznamem v procházení a spouštění JavaScriptu? Je infinite scroll zlo? Prezentace z dubnového setkání SEO Logger.
SEOloger: Optimalizace crawl budgetu (host: Vladimír Saur)Pavel Ungr
Co to je crawl budget a proč byste se měli o něj 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? Přijďte si popovídat o tom, jak neházet robotům klacky pod nohy.
SeznamBot a renderování stránek - 30.3.2019 COE2019Martin Kirschner
Seznam.cz crawler SeznamBot pro vybrané stránky nově interpretuje javascript. Přednáška popíše technické aspekty řešení a představí další plánovaná vylepšení v získávání stránek z internetu.
Prezentace ze 7. WP konference o ladění výkonu webových aplikací. Optimalizace obrázků, CSS, JS. Vliv PHP a HTTP serveru, cachování. Profilování výkonu s Blackfire.io a debugování s Xdebug.
Č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/
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
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webůMartin Michálek
Proč vlastně řešit rychlost načtení? Proč v souvislostí s rychlostí nemluvit jen o rychlosti načtení stránky? Jak zjistit nedostatky webu související s rychlostí? A co chtít po kodérech, když je objevíte?
http://www.vzhurudolu.cz/prednaska/seologer-178
State of the art responzivních technikálií (Devel.cz)Martin Michálek
— Responzivní webdesign jak jej definoval Marcotte je přežitý
— První problém je v rychlosti načítání: naštěstí tu máme Picturefill, lazy loading, compressive images a back-end
— Dalším problémem je pracovní postupy: Mobile Up namísto Desktop Down, hodně breakpointů, hodně verzí kódu a kód orientovaný na stránky namísto UI komponent
— Třetí problém: uživateli dáváme daleko víc než potřebuje: téma je AjaxInclude a podmíněné načítání assetů pomocí Modernizru
Kde jsou hranice užití JavaScriptu, aby vyhledávačům nevadil? Jak udělat průchozí stránky pro vyhledávače? Co vyhledávače a Ajax? Jaký je rozdíl mezi Googlem a Seznamem v procházení a spouštění JavaScriptu? Je infinite scroll zlo? Prezentace z dubnového setkání SEO Logger.
SEOloger: Optimalizace crawl budgetu (host: Vladimír Saur)Pavel Ungr
Co to je crawl budget a proč byste se měli o něj 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? Přijďte si popovídat o tom, jak neházet robotům klacky pod nohy.
SeznamBot a renderování stránek - 30.3.2019 COE2019Martin Kirschner
Seznam.cz crawler SeznamBot pro vybrané stránky nově interpretuje javascript. Přednáška popíše technické aspekty řešení a představí další plánovaná vylepšení v získávání stránek z internetu.
Prezentace ze 7. WP konference o ladění výkonu webových aplikací. Optimalizace obrázků, CSS, JS. Vliv PHP a HTTP serveru, cachování. Profilování výkonu s Blackfire.io a debugování s Xdebug.
Č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/
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
Vývoj frontendu na redakčním systému? ... aneb jak udržet pořádek v š...Martin Pešout
Pokud začínáte nový projekt, je vždy důležitou volbou správné struktování dat. Dlouhou dobu mě trápilo, že frontend vývojáři dělají řadu chyb hned na začátcích, pokud tvoří projekt nasazený radakčních systémech jako Wordpress nebo Drupal. Chtěl bych vám ukázat svůj způsob jak strukturovat frontend pro šablony, jak pracovat s gitem a hlavně jak vytvořit projekt, který s vámi bude růst a nebude se zanášet “balastem”.
Hledání příčin pomalého webu a jak to řešitDesingdev
Rychlost webu je jeden z faktorů, který rozhoduje o tom, jak se bude uživatel při jeho procházení cítit. Kde všude hledat příčiny pomalosti, jak rychlost testovat a jak to rešit s vývojáři.
Prezentace z přednášky na meetupu wppivo.cz. Základy webové analytiky, jak dostat GTM do WordPress a jak měřit odesílání formulářů a další základní měření.
Nové »bezhlavé« CMS — přechod od monolitů ke službámJaroslav Vrána
Přednáška zaměřená na důvody k opuštění monolitu podložené výzvami a očekáváním jednotlivých rolí, které pracují s CMS.
Instance Strapi CMS na jedno kliknutí https://fastandcomfy.io/strapi?for=frontendisti-brno
Plná animace včetně skrytých snímků https://youtu.be/QuBJf_tLbBo
Similar to Prezentace jak zrychlit načítání webu (20)
4. Musí mít
• paralax
• obrovské průhledné fotky
• nespočet různých jQuery pluginů
• speciální funkčností na touch zařízeních
• minimálně 5 speciálních přechodů mezi stránkami
• animace
• a další…
Navíc musí být
• responsivní
• má vypadat stejně ve všech prohlížečích
• i pro IE7
24. Pozor na fonty
• Nepoužívejte spoustu řezů
• Zkuste znovu vygenerovat ;)
Google font – Open Sans – Regular a Bold
90 KB
*.woff - 53 KB
*.woff2 - 40 KB
50 KB
30. • display:none; u src elementů
• respond.js
https://github.com/robinpokorny/grunt-legacssy
• @import ve stylech či inline styly v HTML
• prázdné src a href atributy
• zmenšování obrázku za pomocí atributů width a height
• nenastavené width a height na <img />
• nevkládat inline JS doprostřed stránky a už vůbec né za tag
<body>
• nepoužívejte PNG pokud se jedná o fotky
• načítaní CSS a JS ze správných míst
• obrovské obrázky v responsivní verzi
• kompilace preprocesoru až na frontendu