Vanda Pokecz - brightonSEO presentation.pptx
Apr. 24, 2023•0 likes•171 views
Download to read offline
Report
Presentations & Public Speaking
In this talk Vanda shares how they managed to reach over 99% of good URLs for a comparison site with around 200K URLs on index, by improving their core web vitals. A Success story indeed.
Vanda PokeczFollow
Recommended
GretaMunari - The redemption of content automationGretaMunari1
Extreme Makeover: Site Architecture EditionKavi Kardos
Data-driven SEO & content strategy to reduce your customer acquisition costsadlift
Global Content Success - Hinde Lamrani .pdfHinde Lamrani
Crawl Budget: Everything you Need to KnowSallyR7
BrightonSEO Deck - April 2023.pdfNick Vines
More Related Content
What's hot
Why Scaling (Great) Content Is So Bloody HardJoshuaHardwickAhrefs
I Am A Donut: How to Avoid International SEO MistakesTom Brennan
Kleecks - AI-Martech as a game changer-DEF.pdfKleecks
How to improve Core Web Vitals on a WordPress websiteIndigo Tree Digital
Data Driven Approach to Scale SEO at BrightonSEO 2023Nitin Manchanda
How to rethink the traditional SEO workspace to promote team wellbeing and pr...Varn
![Content Design & its Role in SEO and Accessibility [BrightonSEO Spring 2023]](https://cdn.slidesharecdn.com/ss_thumbnails/bseocontentdesignitsroleinseoandaccessibility-230419114610-31da7d19-thumbnail.jpg?width=1600&height=908&fit=bounds)
Similar to Vanda Pokecz - brightonSEO presentation.pptx
The most Damaging SEO Mistakes & Issues in 2021 and How to Avoid Them #EngagePDXAleyda Solís
Make SEO Audits that Matter & Get Implemented for SuccessAleyda Solís
The Enterprise Architecture You Always WantedThoughtworks
The Enterprise Architecture you always wanted: A Billion Transactions Per Mon...Thoughtworks
How to Make SEO Audits That Matter & Get Implemented for SEO Success - The Ex...Aleyda Solís
What Makes your SEO Fail (and how to fix it) #BrightonSEO Aleyda Solís
Recently uploaded
Understanding Simple TenseVanessaKumari1
![Nimish Hadole - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/515to525pm-nimishhadole-230923024432-f744628f-thumbnail.jpg?width=384&height=256&fit=bounds)
Nimish Hadole - eCommerce Day Africa Blended [Professional] Experience 2023eCommerce Institute
![Rispa Miliza - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/2-230923040448-22cd939a-thumbnail.jpg?width=384&height=256&fit=bounds)
Rispa Miliza - eCommerce Day Africa Blended [Professional] Experience 2023eCommerce Institute
![Joel Rao - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/joelrao-230927190408-cb1aac9c-thumbnail.jpg?width=384&height=256&fit=bounds)
Joel Rao - eCommerce Day Africa Blended [Professional] Experience 2023eCommerce Institute
![Alexander Osinga - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/alexanderosinga-230923022223-b111d929-thumbnail.jpg?width=384&height=256&fit=bounds)
Alexander Osinga - eCommerce Day Africa Blended [Professional] Experience 2023eCommerce Institute
![John Muriithi - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/visafactsheetslidesq3fy231-230923033054-7474dd51-thumbnail.jpg?width=384&height=256&fit=bounds)
John Muriithi - eCommerce Day Africa Blended [Professional] Experience 2023eCommerce Institute
![Nimish Hadole - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/515to525pm-nimishhadole-230923024432-f744628f-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Rispa Miliza - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/2-230923040448-22cd939a-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Joel Rao - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/joelrao-230927190408-cb1aac9c-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Alexander Osinga - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/alexanderosinga-230923022223-b111d929-thumbnail.jpg?width=1600&height=908&fit=bounds)
![John Muriithi - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/visafactsheetslidesq3fy231-230923033054-7474dd51-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Patricia Odida - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/255to355pm-2-230923024428-0f154f46-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Food poisoning [presented BY;DR BHAWNA PANDIT].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/foodpoisoningpresentedbydrbhawnapandit-230924201510-3217170f-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Brendah Mwirichia - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/brendahmwirichia-ecommerceday-230923024435-697ff9ba-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Diana Bett - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/215to255pm-dianabett-230923024442-b6820d40-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Moses Kemibaro - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/435to455pm-moseskemibaro-230923024447-dec286a8-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Mumbi Annstella - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/415to425pm-mumbiannstella-230923024435-1e51a79f-thumbnail.jpg?width=1600&height=908&fit=bounds)
![Nassir Samatar - eCommerce Day Africa Blended [Professional] Experience 2023](https://cdn.slidesharecdn.com/ss_thumbnails/215to255pm-nassirsamatar-230925140404-f9126fb5-thumbnail.jpg?width=1600&height=908&fit=bounds)
Vanda Pokecz - brightonSEO presentation.pptx
- 1. How to get from 2% to 99% Good URLs - a Core Web Vitals success story Vanda Pókecz Ladenzeile GmbH @vanda_lilla
- 3. https Security and privacy #brightonSEO @vanda_lilla
- 4. Mobile Usability Easy interaction across devices #brightonSEO @vanda_lilla
- 5. Intrusive Interstitials No elements obstructing the view #brightonSEO @vanda_lilla
- 6. Core Web Vitals LCP, FID, CLS #brightonSEO @vanda_lilla
- 7. LCP Measure of loading performance Good < 2.5 sec #brightonSEO @vanda_lilla
- 9. FID Measure of interactivity Good < 100 ms #brightonSEO @vanda_lilla
- 11. CLS Measure of visual stability Good < 0.1 #brightonSEO @vanda_lilla
- 12. Other Metrics FCP, TTI, TTFB, TBT, INP #brightonSEO @vanda_lilla
- 13. Good URLs development at Ladenzeile
- 14. Mobile good URLs % (CWV) #brightonSEO @vanda_lilla
- 15. #brightonSEO
- 17. Focus on CWVs Optimization #brightonSEO
- 18. Blocking call Non-blocking call
- 19. Step 1 - Research by Tech SEO and Devs #brightonSEO @vanda_lilla
- 20. Main sources of CWV issues Server, CMP, Reskin leftovers
- 21. Lighthouse
- 25. Asset loading #brightonSEO JS ,fonts, images, icons… #brightonSEO @vanda_lilla
- 28. CMP banner loading extra font files #brightonSEO @vanda_lilla
- 29. Step 2 - Prioritization #brightonSEO @vanda_lilla
- 30. Possible actions grouped CMP fine tuning <head> Javascript Styling Fonts & Icons Images
- 31. Benefit Effort Low Medium High Low Remove Inline style Cleanup the head Add search placeholder in jsp Remove unnecessary header properties Remove unused JS Bundle FSP JS Bundle GDPR Scripts Optimize header background image Move preconnects and preloads to top of head Move open graph to end of head Optimize banner images Remove banner background image Prioritize above the fold image download Add browser lazy load for below fold imgs Medium Remove inline JS and load it async Cleanup CSS SVG icons above the fold High Remove Jquery Convert to JS modules to leverage free shaking Improve script loading and init system
- 32. Step 3 - Optimization #brightonSEO @vanda_lilla
- 33. CMP fine tuning #brightonSEO @vanda_lilla
- 34. CMP recommendations tested & implemented in May Largest impact on LCP 30% uplift in good URLs (CrUX) #brightonSEO
- 35. Recommendations implemented and tested in May 1 <head>, JS & Styling, Images, Icons & Fonts optimization #brightonSEO
- 36. <head>, JS & Styling, Images, Icons & Fonts optimization #brightonSEO Desktop
- 38. Unnecessary properties removed Only 180x180 & 144x144 apple icons kept #brightonSEO <link rel="apple-touch-icon" sizes="144x144" href="https://www.ladenzeile.de/reskin-mobile-icon-144x144.png"/><link rel="apple-touch-icon" sizes="180x180" href="https://www.ladenzeile.de/reskin-mobile-icon-180x180.png">
- 39. Preconnects and dns- prefetch moved to top #brightonSEO <html lang="de" ><head><title>Kleider mit WOW - Effekt zum besten Preis online kaufen | Ladenzeile.de</title><meta name="description" content="Du suchst ein neues Kleid? Bei Ladenzeile.de findest Du für jeden Anlass das perfekte Kleid: Top Marken zu reduzierten Preisen!"/><meta name="robots" content="index,follow"/><link rel="alternate" hreflang="de-AT" href="https://www.ladenzeile.at/mode/kleider/"/><link rel="alternate" hreflang="de-DE" href="https://www.ladenzeile.de/mode/kleider/"/><meta name="msvalidate.01" content="B49A06912A14F93B14B17DF4E3CDD567"/><meta name="viewport" content="width=device- width,initial-scale=1.0,minimum-scale=1.0"/><meta name="theme-color" content="#0e2b5e"><meta name="format-detection" content="telephone=no"/><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><link rel="dns-prefetch" href="//pagead2.googlesyndication.com"/>
- 40. OG and meta icons moved to bottom #brightonSEO @vanda_lilla
- 42. Scripts bundled together #brightonSEO @vanda_lilla
- 43. Old JS loader script optimized #brightonSEO @vanda_lilla
- 44. Unused JS removed #brightonSEO @vanda_lilla
- 46. Inline style removed and added back to sass files #brightonSEO @vanda_lilla
- 47. Lazy loading of secondary css improved #brightonSEO @vanda_lilla
- 48. Site-wide banner animation moved to page css #brightonSEO
- 49. Fonts & Icons #brightonSEO @vanda_lilla
- 50. Canela Deck and Centra n1 Medium fonts preloaded #brightonSEO @vanda_lilla
- 51. Icomoon loading deferred #brightonSEO @vanda_lilla
- 52. Above the fold icons replaced with svg #brightonSEO
- 54. Full width banner background img removed & loading prioritized
- 55. 1st - 2nd grid items prioritized
- 56. 3rd - 18th grid items native lazy loaded
- 58. Summary of actions #brightonSEO @vanda_lilla
- 59. CMP banner optimized Unnecessary properties and assets including unused JS removed CSS moved from inline to external files #brightonSEO @vanda_lilla
- 60. JS files bundled, including gdpr scripts Loading prioritized Lazy loading improved #brightonSEO @vanda_lilla
- 61. The work never stops
- 62. Mainy LCP and CLS issues #brightonSEO
- 63. #brightonSEO
- 64. HTTP caching of static frontend resources improved
- 65. Fixed width and height placeholder for CMP banner #brightonSEO @vanda_lilla
- 66. Core Web Vitals as KPI - issues treated as bug #brightonSEO @vanda_lilla
- 68. Final question
- 69. Shouldn’t building a strong relationship with customers be one of our main focus? #brightonSEO @vanda_lilla
- 70. Thank you! Vanda Pókecz Ladenzeile GmbH www.linkedin.com/in/vanda-pokecz @vanda_lilla
Editor's Notes
- dns-prefetch: indicates to the browser that it should perform the resolution of a given domain name (determining the IP to contact) before that domain is used to download resources preconnect: indicates to the browser that it should connect a given origin, before that domain is used to download resources. Using dns-prefetch can be interesting in the context of critical third parties: by resolving the domain upstream, a few milliseconds can be saved cost-effectively. However, in most cases, you may want to use preconnect' instead ofdns-prefetch’, so as to anticipate the whole connection. https://blog.dareboost.com/en/2020/05/preload-prefetch-preconnect-resource-hints/#:~:text=dns%2Dprefetch%20%3A%20indicates%20to%20the,is%20used%20to%20download%20resources.