3. Minifikace
#navigation
ul
{
font-‐size:
24px;
line-‐height:
40px;
}
#navigation
ul
li
{
padding:
0;
}
#navigation
ul
li
a
{
border:
0;
color:
#333;
}
#navigation
ul
li
a
.count
{
font-‐size:
14px;
color:
#c41700;
}
#navigation
ul{font-‐size:
24px;line-‐height:
40px;}
#navigation
ul
li{padding:
0;#navigation
ul
li
a{border:
0;color:
#333;}
#navigation
ul
li
a
.count{font-‐size:
14px;color:
#c41700;}
#navigation
ul
li
a:hover
{color:#c41700;#navigation
ul
li
ul{padding:
0;font-‐
size:
18px;}#navigation
ul
li.active
>
a
{color:#c41700;#navigation
ul
li:before{display:
none;}select.submenu
{display:
none;}
4. CSS & JavaScript připojujte externě
<html>
<head>
<style>
#navigation
ul
{
font-‐size:
24px;
line-‐height:
40px;
}
#navigation
ul
li
{
padding:
0;
}
...
</style>
</head>
...
11. Obrázky s data URI
• Zakódování
obrázku
do
řetězce
• V
Internet
Exploreru
s
problémy
background-‐image:
url(data:image/
png;base64,iVBORw0KGgoAAAA...);
18. Doporučení k obrázkům
• V
HTML
by
měly
mít
uvedené
rozměry
• Zabrání
se
nechtěným
skokům
při
načítání
<img
src="image.jpg"
width="150"
height="100">
20. Content Delivery Network (CDN)
• Určitě
využijete
pro
načtení
frameworků
• Pozor
na
práci
off-‐line
• Pro
vlastní
sta;cké
soubory
– Amazon
S3,
CloudFront
– Velcí
hráči
si
budují
vlastní
CDN
• Max.
2-‐6
souběžných
požadavků
na
doménu
– Řeší
se
rozložením
na
více
subdomén
21. Obsluha sta#ckých souborů přes PHP
• Jen
při
potřebě
zabezpečení
souborů
pro
přihlášené
uživatele
• Spouštění
aplikace
je
náročné
a
prodlužuje
odezvu
• Server
za
nás
implementuje
např.
navazování
stahování
☠