Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

How To Get a 100% Lighthouse Performance Score

17,999 views

Published on

This talk walks you through what it takes get a 100% Lighthouse performance score for your website. It gives you real examples of the types of optimisation you need to do, and more importantly, what it will achieve. You will learn what earns you the most points and where to focus your efforts.

Published in: Marketing
  • ⇒ www.WritePaper.info ⇐ This service will write as best as they can. So you do not need to waste the time on rewritings.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello! I have searched hard to find a reliable and best research paper writing service and finally i got a good option for my needs as ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to discover how you can increase your cup size within 6 weeks then you need to see this new website... ★★★ https://t.cn/A6Li7dmy
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hi there! I just wanted to share a list of sites that helped me a lot during my studies: .................................................................................................................................... www.EssayWrite.best - Write an essay .................................................................................................................................... www.LitReview.xyz - Summary of books .................................................................................................................................... www.Coursework.best - Online coursework .................................................................................................................................... www.Dissertations.me - proquest dissertations .................................................................................................................................... www.ReMovie.club - Movies reviews .................................................................................................................................... www.WebSlides.vip - Best powerpoint presentations .................................................................................................................................... www.WritePaper.info - Write a research paper .................................................................................................................................... www.EddyHelp.com - Homework help online .................................................................................................................................... www.MyResumeHelp.net - Professional resume writing service .................................................................................................................................. www.HelpWriting.net - Help with writing any papers ......................................................................................................................................... Save so as not to lose
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

How To Get a 100% Lighthouse Performance Score

  1. 1. DELETEAGENCY.COM/BRIGHTONSEO@DELETEAGENCY HOW TO GET A 100% LIGHTHOUSE PERFORMANCE SCORE
 POLLY POSPELOVA // DELETE AGENCY // W
  2. 2. What is Lighthouse? @POLLY_P #BRIGHTONSEO
  3. 3. An open-source, automated tool for improving the quality of web pages. @POLLY_P #BRIGHTONSEO
  4. 4. It has audits for: • Performance • Accessibility • Progressive Web Apps and it is continually updated. @POLLY_P #BRIGHTONSEO
  5. 5. You give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page did. @POLLY_P #BRIGHTONSEO
  6. 6. The report offers opportunities for optimisation and estimated savings. @POLLY_P #BRIGHTONSEO
  7. 7. Why do big brands score so low? @POLLY_P #BRIGHTONSEO
  8. 8. @POLLY_P #BRIGHTONSEO
  9. 9. @POLLY_P #BRIGHTONSEO
  10. 10. @POLLY_P #BRIGHTONSEO
  11. 11. It isn’t easy! @POLLY_P #BRIGHTONSEO
  12. 12. The criteria is changing fast. @POLLY_P #BRIGHTONSEO
  13. 13. @POLLY_P #BRIGHTONSEO
  14. 14. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO Same site today.
  15. 15. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO We already do a lot.
  16. 16. What does it take to get a 100% Lighthouse performance score? @POLLY_P #BRIGHTONSEO
  17. 17. Hackathon. @POLLY_P #BRIGHTONSEO
  18. 18. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO We challenged ourselves to get a 100% score… without changing how the site looks.. R&D.
  19. 19. Old vs New @POLLY_P #BRIGHTONSEO
  20. 20. Requests sent by page on first time load // 17 vs 36 Volume of data transferred on first page load // 0.32 vs 2.5 Page load finish in 2.39 sec // 0.49 sec DOM loaded in 0.6 sec // 0.275 sec Critical loaded in 0.9 sec // 0.336 sec -53% -870% -63% +107% -61% @POLLY_P #BRIGHTONSEO
  21. 21. 1. HTTP/2 2. Image quality (WebP and others) 3. Modern JS and rejection of heavy libraries 4. Small chunks, automatic chunk loader 5. Only load what you need 6. Critical and auto-critical @POLLY_P #BRIGHTONSEO
  22. 22. 1. HTTP2.0. @POLLY_P #BRIGHTONSEO
  23. 23. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO HTTP/1 HTTP/2
  24. 24. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO HTTP/1
  25. 25. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO HTTP/2
  26. 26. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO HTTP/1
  27. 27. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO HTTP/2
  28. 28. 2. Images. @POLLY_P #BRIGHTONSEO
  29. 29. Deferring offscreen images. @POLLY_P #BRIGHTONSEO
  30. 30. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO
  31. 31. Some images are not visible on tablets. WIDE MEDIUM @POLLY_P #BRIGHTONSEO
  32. 32. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO • We load all images. • Universal HTML, CSS and JS.
  33. 33. 197 KB 66 KB 60 KB None of these images are shown. 28 KB @POLLY_P #BRIGHTONSEO
  34. 34. Serving images in next-gen formats. @POLLY_P #BRIGHTONSEO
  35. 35. The new WebP image format provides better compression than a PNG or a JPEG. This means faster downloads and less data. @POLLY_P #BRIGHTONSEO
  36. 36. JPGWebP @POLLY_P #BRIGHTONSEO
  37. 37. Properly sized images. @POLLY_P #BRIGHTONSEO
  38. 38. Adaptive image sizes. @POLLY_P #BRIGHTONSEO
  39. 39. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO Old.
  40. 40. The adaptive images markup is generated automatically, we don’t ask our designers or UI developers to do it. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO New.
  41. 41. <img src="https://static02.deleteagency.com/-/media/images/homepage/intro/ digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg? mw=1180&amp;hash=5B5932D4AE8CCEBF6B3438CB569A1AB2918683CE" alt="Delete Agency Leeds Office" class=“visual6”> <img alt="Delete Agency Leeds Office" class="visual6 fw lazyautosizes lazyloaded" data-sizes="auto" sizes="693px" srcset=“ /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=200 200w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=320 320w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=360 360w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=640 640w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=720 720w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=960 960w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=1280 1280w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=1440 1440w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=1600 1600w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=1800 1800w, /-/media/images/homepage/intro/digital_agency/delete_leeds_main/delete_leeds_main_retina.jpg?mw=2000 2000w"> Old. New. @POLLY_P #BRIGHTONSEO
  42. 42. Lazy load. @POLLY_P #BRIGHTONSEO
  43. 43. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO The images only load when they get into the user’s viewport and not before.
  44. 44. 3. Critical. BRIGHTONSEO
  45. 45. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO Abrowser doesn’tstart rendering apageuntilitloads andparsesallresources.
  46. 46. The first load. @POLLY_P #BRIGHTONSEO
  47. 47. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO We only take the necessary resources (JS, CSS) for a page and then inline them into HTML markup, in a <head> tag.
  48. 48. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO After theinlinemarkuploads, wethenload allthe necessaryresourcesin thebackgroundand cachethem.
  49. 49. Subsequent loads. @POLLY_P #BRIGHTONSEO
  50. 50. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO We check if the browser already has the resources cached and we skip inlining.
  51. 51. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO The content loads instantly on the first and all subsequent loads.
  52. 52. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO On a repeat visit, the page will use cached resources instead of inline resources.
  53. 53. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO We use anonymous cookies to find out whether we need to send inline resources, or we if we need to take them from the cache.
  54. 54. 4. Only load what you need. @POLLY_P #BRIGHTONSEO
  55. 55. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO We broke up all the CSS and JS into small files for each logical block. This included: the form, header, footer, navigation etc.
  56. 56. HTTP/2 is ideal for loading lots of tiny resources quickly and without latency in one connection. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO
  57. 57. 5. Modern JS. @POLLY_P #BRIGHTONSEO
  58. 58. Old. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO The evaluation time of Modern JS is 300% faster and the file size is 20% less. New. The Modern JS evaluation is 41 milliseconds compared to 133 milliseconds, which is a huge
  59. 59. My golden advice! @POLLY_P #BRIGHTONSEO
  60. 60. 1. It is time for SEOs to unite with developers. @POLLY_P #BRIGHTONSEO
  61. 61. Work with them more, sit with them, do everything you can to learn from them. @POLLY_P #BRIGHTONSEO
  62. 62. Unless you can tackle a Lighthouse Trace on your own. @POLLY_P #BRIGHTONSEO
  63. 63. 2. Lighthouse optimisation is not a one-off task. @POLLY_P #BRIGHTONSEO
  64. 64. On-going optimisation is the new norm. @POLLY_P #BRIGHTONSEO
  65. 65. What might score 100% today, will not score 100% tomorrow. @POLLY_P #BRIGHTONSEO
  66. 66. 3. Page speed is a ranking factor for mobile and desktop searches. @POLLY_P #BRIGHTONSEO
  67. 67. It has a significant effect on rankings. @POLLY_P #BRIGHTONSEO
  68. 68. © Copyright 2019 Delete @POLLY_P #BRIGHTONSEO Significant changes Our rankings improved, in some cases by almost two SERPs.
  69. 69. Keyword Before After Change digital agency 1 1 n/a digital agency London 8 5 +3 digital agency Leeds 16 9 +7 PPC Leeds 6 1 +5 PPC services Leeds 18 2 +16 SEO Leeds 13 5 +8 SEO services Leeds 13 7 +6 Sitecore agency 1 1 n/a Kentico agency 12 5 +7 @POLLY_P #BRIGHTONSEO
  70. 70. 100% is possible! @POLLY_P #BRIGHTONSEO
  71. 71. @POLLY_P #BRIGHTONSEO
  72. 72. Requests sent by page on first time load // 17 vs 36 Volume of data transferred on first page load // 0.32 vs 2.5 Page load finish in 2.39 sec // 0.49 sec DOM loaded in 0.6 sec // 0.275 sec Critical loaded in 0.9 sec // 0.336 sec -53% -870% -63% +107% -61% @POLLY_P #BRIGHTONSEO
  73. 73. Learn more and download the slides here: www.deleteagency.com/brightonseo @POLLY_P #BRIGHTONSEO
  74. 74. © Copyright 2019 Delete Thank you. @POLLY_P #BRIGHTONSEO

×