FAHRVERGNÜGEN OHNE HANDBREMSE!
IE IST TOT - LANG LEBE DAS WEB
CHRIS HEILMANN (@CODEPO8), BASTA,
DARMSTADT, MARCH 2016 http...
https://www.flickr.com/photos/95588966@N00/4041933883
BASTA
@codepo8
• Yahoo/Mozilla/Microsoft
• Open Source Hippie
• Unverbesserlicher Webmöger
• JavaScript Versteher
• Derzeit bei ...
Kurz und gut
• Internet Explorer ist tot
• Alle Browser sind “evergreen” und
wer das bekämpft hat Sicherheit und
Kundenser...
Kurz und gut
• JavaScript runtimes sind keine
Browser, und haben das Problem
nicht.
• Es gibt keinen Stillstand im Web
• W...
Type Size (kB)
Images 1426
Scripts 357
Video 174
Fonts 123
Stylesheets 76
HTML 67
Other 4
Total 2232 kB
DICK IM WEB…
http:...
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
fu...
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.js...
DEVELOPER TOOLS SIND OFFEN UND
BRAUCHEN GUTE IDEEN…
https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.js...
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
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
FahrvergnÜgen ohne Handbremse! IE ist Tot - lang lebe das Web
Nächste SlideShare
Wird geladen in …5
×

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

9.457 Aufrufe

Veröffentlicht am

BASTA 2016 keynote

Veröffentlicht in: Daten & Analysen
0 Kommentare
3 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
9.457
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2.057
Aktionen
Geteilt
0
Downloads
16
Kommentare
0
Gefällt mir
3
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

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

  1. 1. 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
  2. 2. https://www.flickr.com/photos/95588966@N00/4041933883 BASTA
  3. 3. @codepo8 • Yahoo/Mozilla/Microsoft • Open Source Hippie • Unverbesserlicher Webmöger • JavaScript Versteher • Derzeit bei Edge/ChakraCore/VS Code/Project Oxford tätig
  4. 4. 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
  5. 5. 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
  6. 6. Type Size (kB) Images 1426 Scripts 357 Video 174 Fonts 123 Stylesheets 76 HTML 67 Other 4 Total 2232 kB DICK IM WEB… http://www.httparchive.org/interesting.php#bytesperpage
  7. 7. BEST OF BEST PRACTICES…
  8. 8. 2.6 MB! 197 Anfragen 38 x JavaScript (10 davon Google) 27 x CSS 117 Bilder BEST OF BEST PRACTICES…
  9. 9. https://whatdoesmysitecost.com/ WEBPAGETEST.ORG
  10. 10. DAS DARF NICHT VIEL KOSTEN…
  11. 11. https://whatdoesmysitecost.com/ KOSTENFRAGE…
  12. 12. JA EGAL, ICH HAB JA KEINE KUNDEN IN MAURETANIEN…
  13. 13. JA EGAL, ICH HAB JA KEINE KUNDEN IN MAURETANIEN…
  14. 14. JA EGAL, ICH HAB JA KEINE KUNDEN IN MAURETANIEN…
  15. 15. 127 Anfragen 40 x JavaScript (18 davon Google) https://basta.net/location/ IS JA KLEINER…
  16. 16. https://basta.net/location/ IS JA KLEINER…
  17. 17. https://basta.net/location/ IS JA KLEINER…
  18. 18. 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…
  19. 19. https://www.xfive.co/blog/stop-supporting-ie10-ie9-ie8/ BROWSER PER PLATFORM, UND WELCHE SICHERHEITSUPDATES BEKOMMEN
  20. 20. STANDARDISIERUNG IST WICHTIG
  21. 21. FRAMEWORKS UND BIBLIOTHEKEN HELFEN UND HINDERN
  22. 22. WIR SIND EIN LIEFERDIENST…
  23. 23. PROBLEMLÖSUNGEN FÜR BILDER
  24. 24. HAUSAUFGABE… https://jakearchibald.com/2015/anatomy-of- responsive-images/
  25. 25. ANKUCKEN… https://dev.windows.com/en-us/microsoft-edge/ testdrive/demos/picture/
  26. 26. ANKUCKEN… https://dev.windows.com/en-us/microsoft-edge/ testdrive/demos/picture/
  27. 27. ODER UPDATE MACHEN https://www.smashingmagazine.com/2015/12/ responsive-images-in-wordpress-core/
  28. 28. PROJECT OXFORD https://www.projectoxford.ai
  29. 29. AUFZÜGLICHES
  30. 30. ROLLTREPPEN SIND EINFACHER
  31. 31. PROGRESSIVE ENHANCEMENT
  32. 32. GRACEFUL DEGRADATION?
  33. 33. GRACEFUL DEGRADATION
  34. 34. DAS KANNSTE SCHON SO MACHEN…
  35. 35. DAS KANNSTE SCHON SO MACHEN… ABER DANN ISSES HALT KACKE!
  36. 36. https://www.flickr.com/photos/42116500@N05/24315564773/ WIR BEWEGEN UNS SCHNELLER UND WEITER WEG ALS JE ZUVOR…
  37. 37. UND ES GIBT VIELE TECHNOLOGIEN ZUM SPIELEN UND VERWENDEN…
  38. 38. FINDE, WAS DU GERNE MACHST…
  39. 39. NICHT JEDER MUSS INTERFACES BAUEN…
  40. 40. DEVELOPER TOOLS SIND OFFEN UND BRAUCHEN GUTE IDEEN… https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts
  41. 41. DEVELOPER TOOLS SIND OFFEN UND BRAUCHEN GUTE IDEEN… https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts
  42. 42. BITTE, BAUT KEINE WEB BREMSEN…
  43. 43. DIE KLUFT ZWISCHEN WEB UND DESKTOP IST OFT NUR IN UNSEREM KOPF…
  44. 44. ALTE GLEISE, NEUE ZÜGE…
  45. 45. THANK YOU! CHRIS HEILMANN @CODEPO8

×