Let's Fix the Web


The Presentation inside:

Slide 0

MIND THE GAP CHRIS HEILMANN (﴾@CODEPO8)﴿, ALL THINGS OPEN, RALEIGH, OCTOBER 2015


Slide 1

THE WEB HAS BEEN GOOD TO US…


Slide 2

• Access to information world-‐wide, 24⨉7 IT IS AN AMAZING IDEA AND OFFER… • Independent of hardware, software, ability, or geographical location • A read/write medium, everybody is invited to become a creator and not just a consumer


Slide 3

• It is hard to build software and interfaces for the unknown ONE PERSON’S BEAUTY IS ANOTHER ONE’S WORRY… • Open distribution, caching and availability of source code is anathema to content providers wanting to protect their content. • We forgot to find a way to monetise the web. So we took what was already available -‐ advertising.


Slide 4

WE BROKE THE WEB


Slide 5


Slide 6

THE TIME WE HAVE TO WAIT FOR THE AVERAGE PAGE TO FULLY LOAD…


Slide 7

THAT’S A PRETTY TERRIBLE STATE OF THE WEB. • The median page’s time to interact is 5.5 seconds, and fully loads in just over 15 seconds. • The median page is 2MB in size and contains 170 resources • Most sites fail to take advantage of core image optimisation techniques • A lot is down to advertising and third party includes (﴾social buttons)﴿ http://www.webperformancetoday.com/2015/09/08/deja-vu-all-over-again/


Slide 8

WHAT TO DO?


Slide 9

WE HAVE THE TECHNOLOGY! WE CAN PATCH IT!


Slide 10

Facebook: Instant Articles WE HAVE THE TECHNOLOGY! WE CAN REBUILD IT! https://instantarticles.fb.com/


Slide 11

Google:Accelerated Mobile Pages (﴾AMP)﴿ WE HAVE THE TECHNOLOGY! WE CAN REBUILD IT! https://www.ampproject.org/


Slide 12

Apple News WE HAVE THE TECHNOLOGY! WE CAN REBUILD IT! https://www.apple.com/news/


Slide 13

OPEN, BUT KIND OF CLOSED…


Slide 14

POWER APPLIED IN A CROOKED WAY…


Slide 15

DISCONNECT


Slide 16

DEVELOPMENT IS STILL SEEN AS MAGIC…


Slide 17

MAGIC IS MIGHT?


Slide 18

WE’RE SPOILT FOR CHOICE AND CONNECTED


Slide 19

ONE TRACK MINDS


Slide 20

FANCY, BEAUTIFUL THINGS…


Slide 21

PLUGGING WORKS, BUT IT IS FLIMSY


Slide 22

LOTS OF SMALL FIXES STILL TAKE UP A LARGE SPACE…


Slide 23

AVOIDING COMPLEXITY


Slide 24

GET TOOLING…


Slide 25

AND LEARN ABOUT THE MODERN STACK, DAMN YOU… https://egghead.io/series/how-‐to-‐ write-‐an-‐open-‐source-‐javascript-‐library


Slide 26

COMPLEXITY = SCARY


Slide 27

THE WEB WE DESERVE ISN’T HERE YET


Slide 28

LATELY I WORKED EXCLUSIVELY IN FIXING ONE MASSIVE ISSUE OF THE WEB…


Slide 29

I REALISED THAT WE MESSED UP -‐ BADLY…


Slide 30

IT IS 2015 -‐ AND IT IS STILL ABOUT BROWSERS?


Slide 31

COM•PATI•BILITY


Slide 32

DECISION TIME


Slide 33

TRYING TO MATCH CLOSED ENVIRONMENTS WITH OPEN IS EXHAUSTING…


Slide 34

TECHNOLOGY IS A JOURNEY


Slide 35

LET’S ANALYSE AND CLEAN UP . PUT THE WEB ON A DIET. ONE OUTDATED LIBRARY AT A TIME… http://dev.modern.ie/tools/staticscan/ https://github.com/MicrosoftEdge/static-‐code-‐scan


Slide 36

THINK USERS AND INTERFACES FIRST AND TECHNOLOGY SECOND… https://playbook.cio.gov/designstandards


Slide 37

FIND OUR PLACE ON THE MAP


Slide 38

WE WILL NEVER HAVE FULL CONTROL OVER USERS. …AND THAT’S GREAT!


Slide 39

THE NEXT CHALLENGE IS NOT IN COFFEE SHOPS IN THE SILICON VALLEY…


Slide 40

Bruce Lawson at SOTB 2015 THE NEXT USERS ARE NOT THOSE WHO COMPLAIN THE WEB IS NOT AS GOOD AS NATIVE APPS… https://vimeo.com/139312920 https://brucelawson.github.io/talks/2015/velocity


Slide 41

LET’S MAKE WHAT WE CAN CONTROL BETTER!


Slide 42

WEB DEVELOPERS AND BROWSER MAKERS SHOULD BE FRIENDS, NOT COMPETITORS


Slide 43

BROWSERS ARE THE OUTLINES AND TOOLS -‐ YOU NEED TO COLOUR THEM IN…


Slide 44

PLEASE, GO AND MAKE A BETTER WEB! • Analyse the speed of your products and improve it by simplifying them: webpagetest.org • Stop trying to guess what browser is in use and assume unknown browsers to be good, not terrible. • Keep up to date with what browsers can do: caniuse.com and use it! • File bugs, report issues, talk to us!


Slide 45

YOU MAKE THE WEB, LET US HEAR WHAT YOU NEED…


Slide 46

THANK YOU! CHRIS HEILMANN @CODEPO8 Mind the gap by ealingjeff: https://www.flickr.com/photos/[email protected]/7650431290 Friends by Fran+Silva https://www.flickr.com/photos/[email protected]/6076369071/ Shards by GabPRR https://www.flickr.com/photos/[email protected]/8573350989 Every other photo by Chris Heilmann -‐ licensed CC/BY


Slide 47


×

HTML:





Ссылка: