WordPress SEO Meetup Helsinki - Presentation by Jonathan Björkskog at Genero
The State of the Web - Helsinki meetup
-
Upload
christian-heilmann -
Category
Health & Medicine
-
view
3.265 -
download
0
Transcript of The State of the Web - Helsinki meetup
STOP TRYING TO SOLVE THE PROBLEM OF BROWSER CREATORS AND FEED BACK ISSUES SO THAT BROWSERS CAN IMPROVE?
🕗15 SECONDS
http://www.webperformancetoday.com/2015/09/08/deja-vu-all-over-again/
THE TIME WE HAVE TO WAIT FOR THE AVERAGE PAGE TO FULLY LOAD…
http://www.webperformancetoday.com/2015/09/08/deja-vu-all-over-again/
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
WE HAVE THE TECHNOLOGY!
WE CAN REBUILD IT!
https://instantarticles.fb.com/
Facebook: Instant Articles
WE HAVE THE TECHNOLOGY!
WE CAN REBUILD IT!
https://www.ampproject.org/
Google:Accelerated Mobile Pages (AMP)
WE HAVE THE TECHNOLOGY!
WE CAN REBUILD IT!
https://www.apple.com/news/
Apple News
PRETTY MUCH OURS…
• Web development is still governed by looks alone
• Clients still expect web sites to work the same on every browser and platform
• Quick delivery trumps quality and release processes
• We’re asked to make things work and fix them later - but there never is a later.
IT IS JUST NOT EVERYBODY’S RESPONSIBILITY. SOME OF US COULD CONCENTRATE ON KEEPING THE WEB A SOLID FOUNDATION.
WE GET HIGH ON TECHNICAL SOLUTIONS THAT GET INCREASINGLY COMPLEX.
http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results
WE REMOVED ALL THE THINGS THE WEB SUFFERED FROM…
✘ VML ✘ attachEvent() ✘ currentStyle ✘ X-UA-Compatible (render modes) ✘ IE Layout Quirks ✘ VBScript ✘ Conditional Comments ✘ MS-Prefixed Events
before after before after
-webkit-appearance: none -webkit-gradient
…AND THAT EXPERIMENTAL FEATURES DON’T DIE
EDUCATING IS A TOUGH JOB…
http://dev.modern.ie/tools/staticscan/
https://github.com/MicrosoftEdge/static-code-scan
THE BIGGEST CULPRITS WE FOUND…
✘ Aggressive browser sniffing independent of version number
✘ Outdated libraries and polyfills - some of them clashing with new language features
✘ A lack of packaging and dependency loading solutions - dozens of JS files = no inlining possible
✘ If it works on Safari iOS, that’s what matters - no matter what the spec says…
LET’S USE THEM PROPERLY.
HERE’S WHAT I LEARNED WORKING FOR BROWSER CREATORS
✓ It is a constant race not to break the web - every mistake web developers make needs to get catered for.
✓ The pressure is immense. Instead of pushing for an interoperable web, browsers are constantly compared and expected to be different.
✓ When implementing standards, we find a lot of problems and feed them back. That’s why a score of 100% in feature tests makes no sense.
✓ Most speed increases are based on analysing and fixing developer mistakes/sloppiness.
STOP TELLING PEOPLE ON THE WEB THAT THERE ARE DOZENS OF SOLUTIONS THAT MAGICALLY FIX ALL THEIR ISSUES…
STOP CATERING TO OLD BROWSERS. GIVE THEM BASIC, WORKING SOLUTIONS AND ENHANCE USING FEATURE DETECTION.
WE’RE NOT IN A HEALTHY STATE RIGHT NOW AS A COMMUNITY…
✘ We build to impress each other - the people who need our solutions never see them.
✘ We feel rushed and not good enough - all the time.
✘ We feel innovation is going too slow whilst not recognising when something got fixed we wanted oh so much when it was the hot thing to demand.
THE FIRST STEP TO HAPPINESS IS TO MAKE IT HAPPEN…
✓ Improve your basic skills, catch up on what’s possible. caniuse.com is a riveting read!
✓ Start helping people who are not here and don’t follow hackernews. You start teaching and you end up learning.
✓ Report problems, demand support for basic features, not only for the hot, new (half-baked) ones.
✓ Reach out beyond our echo chamber if you want to reach people who need the knowledge you have.