Voor mobiele thema's kan ik niets anders aanraden dan twitter bootstrap. Zeker met de huidige generatie smartphones en tablets is het onnodig aparte thema's te maken. Scheelt weer zoveel % erbovenop :)
Afdrukvoorbeeld
Daar voor heb ik:
## Remove has_js and Google Analytics cookies.
set req.http.Cookie = regsuball(req.http.Cookie, "(^|;\s*)(__[a-z]+|has_js)=[^;]*", "");
set req.http.Cookie = regsub(req.http.Cookie, "^;\s*", "");
if (req.http.Cookie ~ "^\s*$") {
unset req.http.Cookie;
}
# Cache things with these extensions
if (req.url ~ "\.(js|css|jpg|jpeg|png|gif|gz|tgz|bz2|tbz|mp3|ogg |swf|pdf|woff|ttf|eot|svg)$" && ! (req.url ~ "\.(php)") ) {
unset req.http.Cookie;
return (lookup);
}
en
## get rid of unnecessary versioning
set req.url = regsub(req.url, "\.js\?.*", ".js");
set req.url = regsub(req.url, "\.css\?.*", ".css");
set req.url = regsub(req.url, "\.jpg\?.*", ".jpg");
set req.url = regsub(req.url, "\.png\?.*", ".png");
set req.url = regsub(req.url, "\.gif\?.*", ".gif");
set req.url = regsub(req.url, "\.swf\?.*", ".swf");
set req.url = regsub(req.url, "\.xml\?.*", ".xml");
set req.url = regsub(req.url, "\.woff\?.*", ".woff");
set req.url = regsub(req.url, "\.ttf\?.*", ".ttf");
set req.url = regsub(req.url, "\.eot\?.*", ".eot");
set req.url = regsub(req.url, "\.svg\?.*", ".svg");
Dat zou volgens mij voldoende moeten zijn... toch zie ik dat bijvoorbeeld plaatjes verdomd vaak aan de backend worden opgevraagd.
Hoe lang is je ttl op je objects, en hoe groot is je cache size ? Als hij te klein is, wordt er gewisseld voordat de ttl voorbij is.
Waar ik op doel zijn 2 themas (of meer) : 1 desktop en 1 mobiel. Er gaat dus steeds wat anders over de lijn afhankelijk van je user agent etc..
Als je een fatsoenlijk responsive theme hebt is de kans > 99% dat alles wat je over de lijn gooit hetzelfde is (qua HTML).