Am vergangenen Wochenende (11.03.2017) fand in Bonn das dritte BarCamp Bonn statt. Ich habe zusammen mit @marcnilius und @praetorim eine Session WordPress Fragen und Antworten angeboten. Im folgenden eine kleine Linksammlung zu den genannten Lösungsmöglichkeiten. WordPress Q&A #bcbn17 weiterlesen
Schlagwort-Archive: WPcgn
WordPress Meetup Köln #29
Am Dienstag, den 19. Januar 2016 von 18:45 bis 21:30 findet im STARTPLATZ, Im Mediapark 5, 50670 Köln das 29. WordPress Meetup Köln zum Thema Barrierefreiheit statt. WordPress Meetup Köln #29 weiterlesen
Performance Optimierung von wpcgn.de
Auf dem letzten WordPress Meetup Köln war das Thema Performance Optimierung von WebSites, als Beispiel hatte Phillip auch wpcgn.de aufgerufen und einige Dinge aufgezeigt. Nach der Vorlage musste ich ja jetzt ran und die Seite schneller machen 😉
Ausgangslage war der Test via Pingdom Website Speed Test:
Perf. 74/100 • 26 Requests • 1,4s Load Time • 1,4 MB Size
Als erstes habe ich die Header Grafik und das IWCGN Logo optimiert und damit gut 500kB an Daten eingespart.
Im nächsten Schritt habe ich die verwendeten Google Fonts ausgeschaltet mit dem Plugin: Disable Google Fonts und somit weitere 100kB an Daten und 5 Requests eingespart.
Weiterhin wurde die fehlende GZip Kompression angemeckert, also habe ich zuerst versucht diese mit einem weiteren Plugin: GZip Ninja Speed Compression zu aktivieren, dies hat aber nicht für alle Bestandteile der Site funktioniert, so das ich es dann über die .htaccess Datei im Root der WebSite selber aktiviert habe, mit dem Ergebniss weiter 445kB an Daten eingespart zu haben.
## ENABLE COMPRESSION ## # compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico AddType image/png .png ## ENABLE COMPRESSION ##
Jetzt galt es noch die nötigen Requests zu minimieren, indem JavaScript, CSS und HTML Dateien zusammengefasst werden, dazu habe ich das Plugin: Autoptimize installiert und damit weitere 15kB an Daten und 8 Requests gespart.
Jetzt ging es zum Schluss ans Caching und dafür habe ich das Plugin: Cachify aktiviert und damit die Ladezeit um weitere 0,4s reduziert, allerdings habe ich das Caching noch zusätzlich in der .htaccess Datei mit folgenden Einstellungen optimiert:
# Keep-Alive <ifModule mod_headers.c> Header set Connection keep-alive </ifModule>
# Set Expires Headers <FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"> Header set Expires "Thu, 15 Jan 2015 20:00:00 GMT" </FilesMatch>
# Set the cache-control max-age # 1 year <FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"> Header set Cache-Control "max-age=31449600, public" </FilesMatch> # 2 DAYS <FilesMatch ".(xml|txt)$"> Header set Cache-Control "max-age=172800, public, must-revalidate" </FilesMatch> # 4 HOURS <FilesMatch ".(html|htm)$"> Header set Cache-Control "max-age=14400, must-revalidate" </FilesMatch>
# Turn off the ETags Header unset ETag FileETag None
# Turn off the Last Modified header except for html docs <FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css)$"> Header unset Last-Modified </FilesMatch>
All diese Einstellungen führten zu folgendem Ergebniss:
Ergebnis: 86/100 • 13 Requests • 1s Load Time • 405kb Size
Also unterm Strich die Hälfte der Requests gespart, die Größe der Seite um 70% reduziert und damit gut 0,4s schnellere Ladezeit, nicht schlecht, oder was meint Ihr?
Notizen zum WordPress Meetup Köln #25
Am 15.09.2015 fand um 18:45 Uhr das 25. WordPress Meetup Köln im STARTPLATZ im Mediapark statt, wir hatten diesmal vier Themen zur Auswahl gestellt und unserer Einladung sind über 25 WordPress Begeisterte gefolgt. Notizen zum WordPress Meetup Köln #25 weiterlesen
WordPress Meetup Köln 08-2015
Diesen Monat gibt es gleich zwei Termine für das WordPress Meetup Köln.
Wie jeden Monat gibt es natürlich wieder am 3. Dienstag das bereits 24. Kölner WordPress Meetup, wie immer im STARTPLATZ, diesmal zum Thema Umfrageplugins.
Außerdem findet auch dieses Jahr wieder die FrOSCon am Fachbereich Informatik der Hochschule Bonn-Rhein-Sieg statt und wir haben wie im letzten Jahr wieder einen Developer Room, den wir mit WordPress Themen am Sonntag bespielen.
WordPress Meetup Köln #19
Dienstag, 17. März 2015
18:30 bis 21:30
Startplatz
Im Mediapark 5, 50670 Köln
WordPress Meetup Köln #19 weiterlesen
WordPress Meetup Köln #16
Diese Woche fand das letzt WordPress Meetup Köln im Jahr 2014 statt, es war diesmal das 16. Kölner Treffen mit 10 Teilnehmern/innen. Wie immer haben wir uns ab 18:30h im StartPlatz im Mediapark getroffen. Zur Weihnachtszeit passend gab es diesmal Glühwein, Kakao, Plätzchen und Lebkuchen. WordPress Meetup Köln #16 weiterlesen
WordPress Meetup Köln #15
Diese Woche war wieder der dritte Dienstag im Monat und damit auch wieder WordPress Meetup Köln, es war diesmal das 15. Kölner Treffen mit 15 Teilnehmern. Wie immer haben wir uns ab 18:30h im StartPlatz im Mediapark getroffen. WordPress Meetup Köln #15 weiterlesen
WordPress Meetup Köln #14
Am letzten Dienstag fand, wie an jedem dritten Dienstag im Monat, das WordPress Meetup Köln statt, es war bereits das 14. Kölner Treffen. Wie immer haben wir uns ab 18:30h im StartPlatz im Mediapark getroffen. Diesmal fand das Meetup im Rahmen der Internet Woche Köln #iwcgn14 unter dem Motto: „Du bist das Internet“ statt. Hier nun ein paar Links zu den besprochenen Themen. WordPress Meetup Köln #14 weiterlesen
WordPress Meetup Köln #10
Am Dienstag, den 17.06.2014, fand ab 18:30h das 10. Kölner WordPress Meetup statt. Auch diesmal traf sich die Community wieder im StartPlatz. Hier nun wie gewohnt ein kleines „Protokoll“ zum Meetup 😉 WordPress Meetup Köln #10 weiterlesen