WirUm4-Vortrag: Web Architektur bei Sevenval

Posted on by

WirUm4 ist unsere Vortragsreihe von Kollegen für Kollegen, die stets nachmittags stattfindet. Zuletzt hat Robert Großer unsere Web Architektur vorgestellt. 


Um unseren Kunden moderne Webtechniken anbieten zu können, betreiben wir bei Sevenval in unseren Rechenzentren eine komplexe Infrastruktur. In seinem WirUm4-Vortrag erläuterte Robert die Komponenten der Web-Architektur und legte besonders Augenmerk auf die verschiedenen Stationen beim Request-Durchlauf, die für Caching eingesetzt werden können. So befindet sich, neben dem auf den FIT Servern eingesetzten FIT HTTP Cache, sowohl vor den FIT Servern ein Cachingserver (Varnnish Cache), als auch hinter den FIT Servern zu den Kundenbackenservern für http-Requests ein Proxy Cache (Squid).

In einer Simulation eines Requests beginnend vom anfragenden Handy bis hin zu dem Kundenbackend erläuterte Robert den Teilnehmern den vollständigen Ablauf inklusive DNS-Auflösung und SSL-Entschlüsselung. Das erworbene Wissen soll vor allem dabei helfen, ungenutzte Caching-Potentiale in Projekte zu erkennen, diese zu nutzen und die Identifizierung aufgetretener Fehler zu beschleunigen.

Kurzübersicht

Posted in Corporate

Schön war’s auf dem Fast Track! Unsere dmexco in Bildern.

Posted on by

Am 15. und 16. September fluteten ca. 50.000 Besucher die Hallen des Kölner Messegeländes, um 1.000 Aussteller der digitalen Wirtschaft zu besuchen.

Mit unserem Angebot zur schnellen digitalen Transformation – dem Fast Track – hatten wir ein schönes Alleinstellungsmerkmal, bei den meisten Unternehmen auf der Messe ging es um Online-Werbung und E-Commerce.

Ein großes Dankeschön an unsere Gäste! Wir hatten eine gute Zeit mit Euch und freuen uns auf weitere Gespräche. Der große Andrang hat uns sehr erfreut und uns gezeigt, dass wir mit unseren Frontend-Lösungen auf dem richtigen Weg sind.

Unsere Tipps zum digitalen Wandel in verschiedenen Branchen könnt ihr auf Mobilbranche.de nachlesen:

Für Fragen zum Digital Transformation Fast Track schreibt am besten an dmexco@sevenval.com.

allesaufgrün_small

Die Ruhe vor dem Sturm. 

letzte Vorbereitungen

Letzte Vorbereitungen bei Sevenval.

Sevenval-Schuhe_small

Schließlich war alles im grünen Bereich. Inklusive Schuhe in unserem Sevenval grün;-)

Visitenkarten tauschen_small

Und dann ging es los mit dem Netzwerken. 

 

Jan Webering und Sascha Langfus mit Gast

Chefsache: Jan Webering und Sascha Langfus im Gespräch.

 

Frozen Yoghurt

Unser Frozen Yoghurt war sehr beliebt. Für den zweiten Tag mussten wir Becher nachbestellen.

 

Yoghurt schlange_small

Vielen Dank für Euer zahlreiches Erscheinen! Bis nächstes Jahr! 

 

Posted in Corporate

Ladezeiten sparen mit dns-prefetch, preconnect, preload und HTTP/2 push

Posted on by

Unser Kollege Johannes stellte in einem internen Vortrag Resource Hints und diverse andere Methoden vor, mit denen Ladezeiten von Websites und externen Inhalten bzw. Ressourcen verkürzt und die Performance verbessert werden können. Thematisiert wurden dns-prefetch, preconnect, preload und HTTP/2 push.

Durch explizites Aufrufen von DNS-Prefetching kann die Auflösung von IP-Adressen bereits vor dem Aufruf von Inhalten externer Domains durchgeführt werden. Da die Einbindung externer Domains ihren Aufruf mit sich bringt, wird dadurch möglicherweise das Laden einer Website verlangsamt. Die Verwendung von DNS-Prefetch-Links kann also dabei helfen, die Ladezeit um einige (Mili-)Sekunden zu verbessern.

WPT ohne alles

Ersten Laden ohne Optimierung (Usecase: Font Loading)

wpt dns prefetch

Ladezeiten mit DNS-prefetch (Usecase: Font Loading)

Preconnect hingegen ermöglicht es dem Browser Verbindungen einzurichten, bevor eine HTTP-Anfrage an den Server gesendet wird. Teure Roundtrips, die durch DNS-Lookups, TCP-Handshake und ggfs. TLS-Negotiaton entstehen, können hierdurch aus dem Request-Ablauf eliminiert und Ladezeiten verkürzt werden.

wpt mit preconnect

Ladezeiten mit preconnect (Usecase: Font Loading)

Bei Preload handelt es sich um einen neuen Web-Standard, der mehr Kontrolle bei der Anforderung bestimmter Ressourcen ermöglicht. Einen nützlichen Anwendungsfall stellt unter anderem die frühe Beschaffung kritischer Ressourcen dar, deren Ausführung erst später erwartet wird.

HTTP/2 push erlaubt das Senden von Subressourcen, bevor diese von Client angefordert wurden. Die Zeit, in der das HTML „zusammengebaut“ wird, kann somit überbrückt und die Performance hierdurch verbessert werden. Cache-bare Ressourcen sollten jedoch nicht gepusht werden, da nicht alle Browser den Cache prüfen und den Push ggfs. unterbrechen. Die Verwendung von HTTP/2 push sollte daher nur in Verbindung mit einer sinnvollen Cache-Lösung stattfinden.

Posted in Corporate | Tagged , , , , , ,

ANLEITUNG ZUR DIGITALEN TRANSFORMATION IM FRONTEND

Posted on by

Als Frontend Experten haben wir gerade in den letzten Monaten viele Unternehmen bei der digitalen Transformation begleitet und dabei unsere Expertise für Frontendprojekte ausgespielt.
Wir sind überzeugt, dass sich die Transformation am Kunden orientieren muss. Mit einer Modernisierung der digitalen Kundenschnittstellen lässt sich am meisten erreichen.

Wir möchten zeigen, dass die ersten Schritte zu einer erfolgreichen Transformation sich schneller und einfacher umsetzen lassen, als zunächst angenommen. Dazu haben wir in den letzten Wochen in Kooperation mit dem Branchenmedium “Mobilbranche” Tipps zur digitalen Transformation veröffentlicht.

Hier findet Ihr unseren Beitrag zur Transformation der Versicherungsbranche: http://mobilbranche.de/2016/08/digitale-transformation-versicherungen

und hier zur Transformation der Bankenbranche:
http://mobilbranche.de/2016/08/digitale-transformation-banken

Heute, als Startschuss zur DMEXCO, veröffentlichen wir unsere branchenunabhängige Anleitung zur digitalen Transformation im Frontend:
http://mobilbranche.de/2016/09/anleitung-digitale-transformation-frontend

Viel Spaß und viel Erfolg auf der DMEXCO!

Wir freuen uns auf Euren Besuch am Stand F025 in Halle 6!

Posted in Corporate

FIT 14.5.1 – Web Accelerator vs Bigimage

Posted on by

This month’s release is mostly a “smoothing” release comprising a lot of bug fixes and smaller improvements, as well as 3rd party updates and security patches.

One of the most common errors that we have encountered in our log files was a complaint about source images being too large: … image area exceeds limit of 8 Mpixels. Of course, 8 million are a lot of pixels. But with the proliferation of high resolution cameras (in smartphones) and high density displays (also in smartphones), prepare to encounter large images in Web sites more frequently. However, the worst part of the error message was: Continue with original source. That means that of all things the largest images on your Web site are “too large to optimize”. The client has to load all these big files as they are. Even if those might be the outliers of your image files, a single large image with megabytes of data will outweigh every little byte saved by thoroughly optimizing everything else.

Acknowledging this problem, the Web Accelerator now supports sources images with up to 100 mega pixels. Image Scaling will drastically reduce the file size of large images by allowing optimizations such as format conversion or lossy compression. On our systems, we have seen savings of multiple mega bytes per image. To mitigate the operational costs of processing huge pixel arrays, images with more than 8 mega pixels are processed with an algorithm that is less precise but faster than our usual scaling method. Given so many pixels, there is no noticeable difference.

Don’t let the legendary Bigimage eat your bandwidth! Update today!

Refer to the full changelog for a more detailed list of changes.

 

Posted in announcements, Technology | Tagged , ,

Grillen am Rheinufer – Beach Feeling op Kölsch

Posted on by

Volltreffer, unsere Kölner Kollegen haben das richtige Wetter erwischt: Bei herrlichem Sommerwetter ging es mit Kind und Kegel wieder einmal zu einem Grillabend ans Rheinufer. An unserem Stammplatz in Rodenkirchen genossen wir die Urlaubsatmosphäre am Strand und ließen bei einigen Kölsch die Woche entspannt ausklingen.

Grillen am Rhein2

Unsere Grillmeister heizten den Steaks ordentlich ein. Nachdem Bürohund Struppi die Fleischqualität bestätigt hatte, langten auch alle anderen ordentlich zu.


Struppi

Ein großer Dank geht an das Orga-Team für die Vorbereitung und Durchführung!

So darf einem der Sommer gerne in Erinnerung bleiben!

Posted in Corporate

Trefft Sevenval auf der DMEXCO

Posted on by

Alle reden von der digitalen Transformation – wir bieten Euch die Überholspur.

Wie Ihr Eure Kundenschnittstelle – das Frontend – schnell modernisiert und zu Ergebnissen kommt, ist dieses Jahr unser Schwerpunktthema.

Wenn Ihr uns treffen wollt, schreibt bitte an dmexco@sevenval.com
und macht einen Terminvorschlag.
Je nach Branche meldet sich der richtige Experte bei Euch.

Wir sehen uns dann in Halle 6 am Stand F025 und laden Euch gerne zu einem
Frozen Yoghurt ein;-)

Schon mal viel Spaß und auf bald!

Meet us at DMEXCO to accelerate the digital transformation for your company.

 

Posted in Corporate | Tagged , , , , ,

New Web Accelerator Tutorials Published

Posted on by

We have just published some new tutorials to get you up and running with the latest features of the Sevenval Web Accelerator (WA). The tutorials look at how to use WA for image optimization, content optimization, and request reduction. If you are new to WA, or if you simply want a general, hands-on overview of its most common features, then these tutorials are for you!

Continue reading →

Posted in Corporate, Performance, Technology, Tutorial

Progressive Web App Dev Summit 2016 in Amsterdam

Posted on by

I had the privilege to attend the Progressive Web App Dev Summit 2016 in Amsterdam. Google invited developers to learn and share experiences about Progressive Web Apps: web sites that comprise a combination of HTTPS, Service Workers, application manifest for features like add to home screen or push notifications and – maybe more as a result from making great web apps rather than being a PWA feature itself – reliable performance.

Google did a great job in choosing top-of-the-line speakers. Continue reading →

Posted in Events, Performance, Technology

FIT 14.5 – Web Accelerator Feature Release

Posted on by

FIT 14.5 is a feature release for the Web Accelerator.

Brotli is a new data compression library that shrinks Web payload better than proven methods such as gzip or deflate. The Web Accelerator now includes brotli as an Apache module. We have seen an improvement of over 10% of the average compression ratio compared to gzip. This means that compressible payloads (almost all formats except images) are transferred to clients in less than a third of its original weight.

Brotli also accounts for much of the benefits of the WOFF2 font format. Those font files load significantly faster than the predecessor format WOFF or the old TTF format. The Web Accelerator beta feature webfont-compression converts WOFF fonts on-the-fly into the WOFF2 format, resulting in 20% or more reduction in payload. As fonts are usually loaded in the critical render path, this is a welcome diet. To keep things simple, the Web Accelerator handles the necessary changes to your CSS font definitions as well!

To further accelerate loading of CSS files, we have improved our style-concat feature to work with any external CSS files. All adjacent <link rel=stylesheet> definitions within the same media query selector are combined into a single request. This not only frees up request slots in HTTP/1 setups, it also allows for more efficient data compression than single requests would have. Furthermore, style-minifying now removes even more redundant code and has improved runtime performance.

In 1999 Microsoft gave birth to the infamous favicon.ico. Of course everyone loves icons, but what made the favicon so annoying was that it was a request the browser conducted itself without the developer referencing it in the page. That makes it so easy to forget. Later, Apple tuned in with its apple-touch-icon.png that some (interestingly non-iOS) clients attempt to load from every single site visited. If your site does not handle those well-known icon URLs, it may result in unnecessary requests and wasted bandwidth. For example, the 404 error document may be much larger than a regular favicon. Many Web sites have developed the habit of sending redirects (to potentially better suited URLs) instead of 404s. In this case, the browser could be redirected to the home page in search for the favicon, resulting in two (or more) requests which may return lots of unnecessary HTML. Our new error handling for missing-icons does not paint an icon for you, but it replaces all non-icon answers for well-known icon URLs with a tiny error document.

To save even more bytes, more clients including Microsoft Internet Explorer and Mozilla Firefox now qualify to use Zorro images as a replacement for transparent PNG images with photo characteristics.

There are many more improvements and bug fixes in this release. And as usual, you will find all third-party libraries freshened up.

Refer to the full changelog for a more detailed list of changes.

Posted in announcements, Technology | Tagged ,
  1. Pages:
  2. 1
  3. 2
  4. 3
  5. 4
  6. 5
  7. ...
  8. 18