'

Let's Fix the Web

Понравилась презентация – покажи это...





Слайд 0

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


Слайд 1

THE WEB HAS BEEN GOOD TO US…


Слайд 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


Слайд 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.


Слайд 4

WE BROKE THE WEB


Слайд 5


Слайд 6

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


Слайд 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/


Слайд 8

WHAT TO DO?


Слайд 9

WE HAVE THE TECHNOLOGY! WE CAN PATCH IT!


Слайд 10

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


Слайд 11

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


Слайд 12

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


Слайд 13

OPEN, BUT KIND OF CLOSED…


Слайд 14

POWER APPLIED IN A CROOKED WAY…


Слайд 15

DISCONNECT


Слайд 16

DEVELOPMENT IS STILL SEEN AS MAGIC…


Слайд 17

MAGIC IS MIGHT?


Слайд 18

WE’RE SPOILT FOR CHOICE AND CONNECTED


Слайд 19

ONE TRACK MINDS


Слайд 20

FANCY, BEAUTIFUL THINGS…


Слайд 21

PLUGGING WORKS, BUT IT IS FLIMSY


Слайд 22

LOTS OF SMALL FIXES STILL TAKE UP A LARGE SPACE…


Слайд 23

AVOIDING COMPLEXITY


Слайд 24

GET TOOLING…


Слайд 25

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


Слайд 26

COMPLEXITY = SCARY


Слайд 27

THE WEB WE DESERVE ISN’T HERE YET


Слайд 28

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


Слайд 29

I REALISED THAT WE MESSED UP -‐ BADLY…


Слайд 30

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


Слайд 31

COM•PATI•BILITY


Слайд 32

DECISION TIME


Слайд 33

TRYING TO MATCH CLOSED ENVIRONMENTS WITH OPEN IS EXHAUSTING…


Слайд 34

TECHNOLOGY IS A JOURNEY


Слайд 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


Слайд 36

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


Слайд 37

FIND OUR PLACE ON THE MAP


Слайд 38

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


Слайд 39

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


Слайд 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


Слайд 41

LET’S MAKE WHAT WE CAN CONTROL BETTER!


Слайд 42

WEB DEVELOPERS AND BROWSER MAKERS SHOULD BE FRIENDS, NOT COMPETITORS


Слайд 43

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


Слайд 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!


Слайд 45

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


Слайд 46

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


Слайд 47


×

HTML:





Ссылка: