felix
-
Posts
214 -
Joined
-
Last visited
-
Days Won
8
Everything posted by felix
-
RT @neuwaerts_de: Opening 4/15: TRANSFORMATIONSWERK by @neuwaerts_de | Workshop-/Event Location | http://t.co/Wd6MYNmcPm http://t.co/np73GJ…
-
RT @flamingowurst: Rülpsen, nicht schulzen und dann rumheulen, weil man abklatscht. Kinder, ich hab die Regeln nicht gemacht!
-
RT @RedditWebdev: Any reason I can't find anything about ProcessWire on the secunia site? http://t.co/2uDSYKwxQV #WebDev
-
RT @davatron5000: "Should we build into the collective knowledge of the entire world or make a native app for a gold phone?""APP!""Great …
-
As I did a lot of performance optimization stuff for a client's website recently I thought I'll share some of my findings: - optimizing for "time to first byte": Apart from fixing performance issues with your php code there is an easy way to "get things started":Chunk your Output! Doing an ob_flush (or {% flush %} if you're using twig) here and there is an easy way to split your page into chunks that are instantly (and in parallel) served to the client instead of rendering the whole page at once. This is especially handy if you're using the next technique: - Inlining "above the fold" content I must admit that I'm not a big fan of inlining things. In my opinion it's against anything I've learned about keeping things "dry, clean and separated". That's why i refused to do it until now. But if you're using grunt/gulp (and especially criticalcss) you're not doubling anything and the inlining is just another task in your gruntfile. There is a pretty easy step by step guide by Jeremy Keith at https://adactio.com where he explains why inlining css on the first visit will gain your site a massive (perceived) performance boost on the first load (this is especially handy on mobile devices). I'll post a recipe to processwire-recipes.com how to achieve this with processwire in the next days - Avoid loading Webfonts directly but do it asynchronous as "Progressive Enhancement" (+ Store them in localstorage to load them super fast afterwards) to avoid blank pages: http://bdadam.com/blog/loading-webfonts-with-high-performance.html Just implementing these 3 (pretty easy) things made the pagespeed score climb up by 15 points and lowered the perceived loading time by at least 2 seconds below the "critical hurdle" of 1-2 seconds.
- 14 replies
-
- 12
-
-
- frontend
- performance
- (and 1 more)
-
RT @iamdevloper: Schrödinger's cat applied to web development: If I don't look at it in Internet Explorer then there's a chance it looks fi…
-
RT @Grantscheam: Superkleber ist wie jeder andere Kleber, aber er trägt einen Umhang und kann fliegen.
-
Wow. This looks like a lot of work has gone into it. I can't wait to hear more details.
-
i like to render static js/css files with twig inline. is there a command that says: "just include this shit, no syntax check!" anyone?
-
Noticed this label on my jacket (4 months old) for the first time. Seems like destiny made me buy it
http://t.co/5GQdQxhuUH -
Just discovered that optimizing #ttfb is as easy as doing a {% flush %} in twig here and there #betterlatethannever #webperf #processwire
-
RT @owzim: Woohoo, @processwire featured in big German computer magazine @ctmagazin http://t.co/gYVeEiXtbh #cms #webdev
-
RT @cburgdorf: Next @hannoverjs will be rad! @JanPantel goes into SOLID and I'll be talking about the best Angular yet! http://t.co/G4lyps6…
-
Spricht mir aus der seele: "@stagzta: #javascript the #php of today. Nice read: http://t.co/j4Hfnf0vS7"
-
RT @sadserver: Statistically speaking it's more likely for you to be mauled by a bear than for you to properly secure WordPress.
-
RT @snikchnz: The future we were promised is here!!!!!!!And it takes 30 minutes to update a lightbulb
http://t.co/fQ9kPkHnKM -
RT @derStadtpirat: Looks like @processwire is going to be discussed in the next @ctmagazin. http://t.co/Yegw8PiAjU
