Profile

Scrapbook photo 1
Scrapbook photo 2
Gerrit Garbereder
Works at navabi
Attends RWTH Aachen
Lives in Aachen, Germany
76 followers|19,228 views
AboutPostsPhotosYouTubeReviews

Stream

Gerrit Garbereder

Shared publicly  - 
 
Es ist schon unglaublich was die Leute alles bei Facebook posten und dabei vergessen wer alles davon Wind bekommen kann. Die Seite http://weknowwhatyouredoing.com/  hat es sich zur Aufgabe gemacht solche Statusupdates zu suchen, finden und publik zu machen. Auf der Webseite gibt es vier Kategorien:
Wer möchte gefeuert werden?
Wer hat einen Kater?
Wer nimmt Drogen?
Wer hat eine neue Telefonnummer? (Nummer geschwärzt.)

Also ich kann nur nochmal wiederholen: "Aufpassen was man schreibt!"
Denn ich glaube kein Chef freut sich, wenn er Zitate wie dieses ließt: "I hate my boss so [much], his so arrogant bloody ass" von I. S.
 ·  Translate
1
Add a comment...

Gerrit Garbereder

Shared publicly  - 
 
Schöner Beitrag über das Ladeverhalten von CSS. Bisher habe ich immer alles in eine CSS Datei gepackt und dann dort auch entsprechend Media Queries verwendet. Nach dem Artikel überlege ich nun, ob

 * es sinnvoller ist für jede Media Query eine Datei zuhaben und die Query in den Link zu schreiben damit der Browser die Dateien priorisieren kann

oder

 * doch lieber eine große Datei um HTTP Request zu sparen.

oder

 * ob sich das Aufteilen nur bei großen Dateien lohnt da dann der HTTP Overhead relativ zur Laufzeit nicht so groß ist.

Was meint ihr?
 ·  Translate
1
Gerrit Garbereder's profile photoDaniel Wolf's profile photo
2 comments
 
Ja das stimmt. Hast du eine Faustformel wonach du entscheidest wann du trennst und wann nicht? Oder einfach nach Bauchgefühl?
 ·  Translate
Add a comment...

Gerrit Garbereder

Shared publicly  - 
 
So as promissed I will show you my ant build.xml to compress CSS files.

http://snipt.net/esco/minify-css-ant/

First step in the script is to compile Less to CSS. If you do not use Less you can leave this step out.

Next step is to concat the CSS files from the source directory. Important is here the order of the files. This is the reason why the files are listed explicitly.

After the files are concatenated the script minifys the CSS file.

Now we can compress the CSS file which is only necessary when your webserver does not support server-side gzipping.

Remove the temporary file in the next step.

In the last step an IE Hacks file is copied cause we want this as extra file which gets only loaded in IE.

This Ant script is quiet simple and does not support JS compression yet. If you want to step further into building/deploying webapplications with ant check out http://html5boilerplate.com. They developed a very complex build script which has a bunch of features.
1
Add a comment...

Gerrit Garbereder

Shared publicly  - 
 
That is the reason why concatenting, minifying and compressing css is usefull!

In this case I've used several YAML4 files and my own CSS files. In the 01_raw folder are all files uncompressed as single files. Those take 56KB and 6 HTTP requests.
First step is to concatenate and minify the files which is done into file 02_min.css which takes still 24KB but only one HTTP request.
Last next and last step is to gzip the files and deliver the gzipped file if the client supports this feature (which nearly every browser does). Now we come to a file size of 8KB, but this depends on the block size, cause the file is only 4.7KB small.

So we saved more than 85% space and almost 85% of the HTTP requests.

All this can be done automated with an ant script. I will show you this in a few days, so stay tuned ;)

#CSS   #YUI   #FasterWeb  
2
Gerrit Garbereder's profile photoDaniel Wolf's profile photo
2 comments
 
Yes you can handle clients which do not support gzip, this information is send in the header. I will write a small exmple config for apache but have to do some testing before.
You can also gzip the files without concatenating, but why would you want to do this?
Add a comment...

Gerrit Garbereder

Shared publicly  - 
 
xD
 
Mobilfunk-Anbieter Mobilcom Facebook- (ANTI) Werbung
 ·  Translate
1
Add a comment...
Have him in circles
76 people
Mareike Jansen's profile photo
Benjamin BK's profile photo
Matthias Schwindt's profile photo
Dirk Vetter's profile photo
Yuen Law's profile photo
Aylin Bozan's profile photo
Linnea Passing's profile photo

Gerrit Garbereder

Shared publicly  - 
 
xD
 
reason why computer user seems to have spare time!
1
Add a comment...

Gerrit Garbereder

Shared publicly  - 
 
Guter Ratschlag ;-) 
 ·  Translate
1
Daniel Wolf's profile photo
 
immernoch besser als wenn er Pathologe oder Bestatter wäre
 ·  Translate
Add a comment...

Gerrit Garbereder

Shared publicly  - 
 
Refering to my post yesterday: https://plus.google.com/u/0/112172566430689499844/posts/C4gYqiUDMJJ

I'm going to continue describing how to speedup your webpage with concatenation and gzipping. As +Daniel Wolf asked it is possible to find out wether the user's browser supports gzip compression or not. But as mentioned at http://developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/ some proxies manipulate the header and so we have to implement a more intelligent parser. Luckily the guys from the Html5Boilerplate did so and this works very well with mod_deflate. Just put this code into your .htaccess file and everything gets automagic deflated:

http://pastebin.com/wU7cqbAi

If your browser does not support mod_deflate you can deflate your files by hand and route the user's browser to the gzipped file like this:

http://pastebin.com/DuVJzKdK

But for the second version you need a gzipped file maintained and up to date which is a possible source for problems.

I planned for today to show how to setup the ant script bur since I've answered +Daniel Wolf 's question I will do this tomorrow ;)
1
Add a comment...

Gerrit Garbereder

Shared publicly  - 
 
Gestern ist das Google+ Buch von +Annette Schwindt bzw. +schwindt-pr angekommen. Vielen dank dafür! :-)
Passend dazu auch eine kurze Review im aktuellen +t3n Magazin
2
Annette Schwindt's profile photo
 
Danke fürs Beweisfoto ;-)
 ·  Translate
Add a comment...

Gerrit Garbereder

Shared publicly  - 
 
Coole Nummer :D
1
Add a comment...
People
Have him in circles
76 people
Mareike Jansen's profile photo
Benjamin BK's profile photo
Matthias Schwindt's profile photo
Dirk Vetter's profile photo
Yuen Law's profile photo
Aylin Bozan's profile photo
Linnea Passing's profile photo
Education
  • RWTH Aachen
    present
Basic Information
Gender
Male
Relationship
In a domestic partnership
Work
Occupation
Student
Employment
  • navabi
    PHP Programmer, 2012 - present
  • RWTH Aachen
    HiWi, 2011 - 2012
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
Aachen, Germany
Das Beste Eis der Stadt!
Public - 3 years ago
reviewed 3 years ago
1 review
Map
Map
Map