Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)Karol Vörös
Videl som WordPress weby, ktoré sa načítavajú viac ako 20 sekúnd ale aj také, ktorým to trvá menej ako sekundu. Bez ohľadu na ich veľkosť či návštevnosť. Čím to je? Ako to robiť správne? Rád sa s vami podelím o svoje skúsenosti s onpage optimalizáciou na webe i dimenzovaní infraštruktúry, na ktorej bežia veľké a navštevované, no stále krásne rýchle weby.
WordPress už niekoľko rokov kraľuje webovým stránkam a neustále rastie. Pri rastúcich weboch je kritickým faktorom aj samotná prevádzka webu. Karol ukáže ako to robia najnavštevovanejšie WordPress weby na Slovensku a ako pomôcť aj vášmu webu k dobrej kondícii.
Základné informácie k tzv. sieťovej inštalácii Wordpress, vďaka ktorej môžete prevádzkovať viacero samostatných webov s použitím jednej inštaláciae / backendu. Prednášku viedol na Wordpress meetup stretnutí 7.11.2014 Karol Vörös.
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)Karol Vörös
Videl som WordPress weby, ktoré sa načítavajú viac ako 20 sekúnd ale aj také, ktorým to trvá menej ako sekundu. Bez ohľadu na ich veľkosť či návštevnosť. Čím to je? Ako to robiť správne? Rád sa s vami podelím o svoje skúsenosti s onpage optimalizáciou na webe i dimenzovaní infraštruktúry, na ktorej bežia veľké a navštevované, no stále krásne rýchle weby.
WordPress už niekoľko rokov kraľuje webovým stránkam a neustále rastie. Pri rastúcich weboch je kritickým faktorom aj samotná prevádzka webu. Karol ukáže ako to robia najnavštevovanejšie WordPress weby na Slovensku a ako pomôcť aj vášmu webu k dobrej kondícii.
Základné informácie k tzv. sieťovej inštalácii Wordpress, vďaka ktorej môžete prevádzkovať viacero samostatných webov s použitím jednej inštaláciae / backendu. Prednášku viedol na Wordpress meetup stretnutí 7.11.2014 Karol Vörös.
Prednáška zameraná na pokročilé používanie Google Analytics nie len pre e-shopárov. Venoval som sa najmä nepresnostiam, ktorých sa Analytics dopúšťa a rôznym nástrahám, ktorých sa je nutné vyvarovať pri vyhodnocovaní reportov.
The document discusses different types of commerce including direct-to-consumer (D2C), reverse e-commerce, consumer-to-business (C2B), and consumer-to-consumer (C2C). It notes that monthly, owners exchange goods worth over a million euros through C2C commerce. The document also contrasts push marketing, which involves outbound tactics like TV ads, with pull marketing where customers conduct their own research.
7 out of 10 workers are either actively disengaged or not engaged in their work. Most workers are not fully engaged and invested in their jobs. Low engagement levels were found among the majority of workers surveyed.
Prednáška zameraná na pokročilé používanie Google Analytics nie len pre e-shopárov. Venoval som sa najmä nepresnostiam, ktorých sa Analytics dopúšťa a rôznym nástrahám, ktorých sa je nutné vyvarovať pri vyhodnocovaní reportov.
The document discusses different types of commerce including direct-to-consumer (D2C), reverse e-commerce, consumer-to-business (C2B), and consumer-to-consumer (C2C). It notes that monthly, owners exchange goods worth over a million euros through C2C commerce. The document also contrasts push marketing, which involves outbound tactics like TV ads, with pull marketing where customers conduct their own research.
7 out of 10 workers are either actively disengaged or not engaged in their work. Most workers are not fully engaged and invested in their jobs. Low engagement levels were found among the majority of workers surveyed.
The document contains 3 quotes from the character Tyler Durden in the film Fight Club. The first quote suggests that owning possessions can control your life. The second quote discusses how television and movies raise unrealistic expectations of wealth and fame but most people will not achieve that, making them angry. The third quote advises that not knowing what you want can lead to ending up with things you do not want.
The document outlines 7 problems hindering the development of a digital single market in the EU: 1) Cross-border e-commerce rules that do not allow consumers and businesses to operate freely across borders, 2) High costs of cross-border parcel delivery, 3) Unjustified restrictions on selling to other EU countries like geo-blocking, 4) High VAT compliance costs for cross-border sales, 5) Fragmented copyright rules obstructing data use, 6) Lack of consistent regulations for online platforms, and 7) Low broadband access and digital skills limiting growth of the digital economy.
2. PREČO JE TO DOBRÉ?
• Optimalizácia a zrýchlenie vykreslenia stránky
• Načítavanie obrázkov až keď ich treba a len tie, ktoré
skutočne treba
• Načítavanie vhodných veľkostí podľa rozmeru zariadenia
4. VÝHODY
• lightweight jQuery knižnica = 8kb
• zisťovanie či je obrázok onscreen
• možnosť pridania až 4 veľkosti + možné nastavanie placeholder obrázkov
• možnosť pridať animácie pomocou animate.css
• retina ready
5. NOSCRIPT
• Pri práci s týmto pluginom vyhadzujeme z obrázka src tag a
funguje len so zapnutým js
• bez js sa nezobrazí nič, jedine ak vytvoríme <noscript> tag
a do neho vložíme zduplikovaný img
6. IMPLEMENTÁCIA
• bower install BttrLazyLoading —save
• pridať min.js a krátke css do kódu
• vymazať src z obrázka a pridať mu class bttrlazyloading + potrebné data atribúty
• <img class="bttrlazyloading" data-bttrlazyloading-threshold="200" data-
bttrlazyloading-sm-width="500" data-bttrlazyloading-sm-height="300" data-
bttrlazyloading-sm-src=“/images/image.jpg“ data-bttrlazyloading-
placeholder="" alt=“"/>