FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web

FAHRVERGNÜGEN OHNE HANDBREMSE! IE IST TOT - LANG LEBE DAS WEB

CHRIS HEILMANN (@CODEPO8), BASTA, DARMSTADT, MARCH 2016 https://www.flickr.com/photos/86745603@N00/5168019946

https://www.flickr.com/photos/95588966@N00/4041933883

BASTA

@codepo8 • Yahoo/Mozilla/Microsoft • Open Source Hippie • Unverbesserlicher Webmöger • JavaScript Versteher • Derzeit bei Edge/ChakraCore/VS

Code/Project Oxford tätig

Kurz und gut • Internet Explorer ist tot • Alle Browser sind “evergreen” und

wer das bekämpft hat Sicherheit und Kundenservice nicht verstanden

• JavaScript hat gewonnen und wer es 2016 lernen will soll nach ES6 kucken

• Node.js ist immer interessanter • Browser werden immer Sachen

unterschiedlich darstellen

Kurz und gut • JavaScript runtimes sind keine

Browser, und haben das Problem nicht.

• Es gibt keinen Stillstand im Web • Wenn deine Seite überall gleich

aussieht, ist sie fehlerhaft • Produkte, die nur auf einem Browser

laufen, sind Prototypen und sollten fertiggestellt werden.

• Es wird Zeit, aufzuräumen

Type Size (kB)Images 1426Scripts 357Video 174Fonts 123Stylesheets 76HTML 67Other 4Total 2232 kB

DICK IM WEB…

http://www.httparchive.org/interesting.php#bytesperpage

BEST OF BEST PRACTICES…

2.6 MB!

197 Anfragen 38 x JavaScript (10 davon Google) 27 x CSS 117 Bilder

BEST OF BEST PRACTICES…

https://whatdoesmysitecost.com/

WEBPAGETEST.ORG

DAS DARF NICHT VIEL KOSTEN…

https://whatdoesmysitecost.com/

KOSTENFRAGE…

JA EGAL, ICH HAB JA KEINE KUNDEN IN MAURETANIEN…

JA EGAL, ICH HAB JA KEINE KUNDEN IN MAURETANIEN…

JA EGAL, ICH HAB JA KEINE KUNDEN IN MAURETANIEN…

127 Anfragen 40 x JavaScript (18 davon Google)https://basta.net/location/

IS JA KLEINER…

https://basta.net/location/

IS JA KLEINER…

https://basta.net/location/

IS JA KLEINER…

Warum passiert sowas? • Deadlines • Maintenance ist Nebenprodukt • Wenn wir alle Bibliotheken

verwenden, wird das schon funktionieren

• Also, bei mir geht das! • Mach mal, das das auch aufm Chef

seinem IE8 tut…

https://www.xfive.co/blog/stop-supporting-ie10-ie9-ie8/

BROWSER PER PLATFORM, UND WELCHE SICHERHEITSUPDATES BEKOMMEN

STANDARDISIERUNG IST WICHTIG

FRAMEWORKS UND BIBLIOTHEKEN HELFEN UND HINDERN

WIR SIND EIN LIEFERDIENST…

PROBLEMLÖSUNGEN FÜR BILDER

HAUSAUFGABE… https://jakearchibald.com/2015/anatomy-of-responsive-images/

ANKUCKEN… https://dev.windows.com/en-us/microsoft-edge/testdrive/demos/picture/

ANKUCKEN… https://dev.windows.com/en-us/microsoft-edge/testdrive/demos/picture/

ODER UPDATE MACHEN https://www.smashingmagazine.com/2015/12/responsive-images-in-wordpress-core/

PROJECT OXFORD https://www.projectoxford.ai

AUFZÜGLICHES

ROLLTREPPEN SIND EINFACHER

PROGRESSIVE ENHANCEMENT

GRACEFUL DEGRADATION?

GRACEFUL DEGRADATION

DAS KANNSTE SCHON SO MACHEN…

DAS KANNSTE SCHON SO MACHEN…ABER DANN ISSES HALT KACKE!

https://www.flickr.com/photos/42116500@N05/24315564773/

WIR BEWEGEN UNS SCHNELLER UND WEITER WEG ALS JE ZUVOR…

UND ES GIBT VIELE TECHNOLOGIEN ZUM SPIELEN UND VERWENDEN…

FINDE, WAS DU GERNE MACHST…

NICHT JEDER MUSS INTERFACES BAUEN…

DEVELOPER TOOLS SIND OFFEN UND BRAUCHEN GUTE IDEEN…

https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts

DEVELOPER TOOLS SIND OFFEN UND BRAUCHEN GUTE IDEEN…

https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts

BITTE, BAUT KEINE WEB BREMSEN…

DIE KLUFT ZWISCHEN WEB UND DESKTOP IST OFT NUR IN UNSEREM KOPF…

ALTE GLEISE, NEUE ZÜGE…

THANK YOU!CHRIS HEILMANN @CODEPO8