Guide to actionable speed audits; getting your developer to work with you
•Transferir como PPTX, PDF•
0 gostou•416 visualizações
This is a guide on how to communicate with developers in order to get your recommendations implemented
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (18)
Semelhante a Guide to actionable speed audits; getting your developer to work with you
Semelhante a Guide to actionable speed audits; getting your developer to work with you (20)
Mais de Erudite
Mais de Erudite (20)
Último
Último (20)
Guide to actionable speed audits; getting your developer to work with you
- 1. E R U D I T E
- 2. Guide to actionable speed audits; getting your developer to work with you. #SEARCHLOVE
- 11. HOW DID THIS BECOME MY LIFE? #SEARCHLOVE @MIRA_INA
- 12. E R U D I T EI wanted to be a documentary filmmaker #SEARCHLOVE @MIRA_INA
- 13. E R U D I T E Like most people I fell into SEO by accident #SEARCHLOVE @MIRA_INA
- 14. I didn’t know anything about code #SEARCHLOVE @MIRA_INA
- 19. TheErudite Focus Deliver growth through… SEO CRO Web Analytic s #SEARCHLOVE @MIRA_INA
- 24. 65
- 25. 35
- 26. 53% of visits are abandoned if a mobile site takes more than Source: Think with Google #SEARCHLOVE @MIRA_INA
- 27. Slow sites stress Source: Ericsson #SEARCHLOVE @MIRA_INA
- 28. lost 10% of users for every additional second their#SEARCHLOVE @MIRA_INA
- 29. Halved page load time on mobile #SEARCHLOVE @MIRA_INA
- 30. 79% increas e in mobile revenue #SEARCHLOVE @MIRA_INA
- 31. SPEED UPDATE JULY 9 Source: Googleblog #SEARCHLOVE @MIRA_INA
- 32. Get organisational buy in #SEARCHLOVE @MIRA_INA
- 34. Speed impact calculator SPEED SCORECARD #SEARCHLOVE @MIRA_INA
- 35. Improves conversion rates for all channels #SEARCHLOVE @MIRA_INA
- 36. So… how do you get your developer to work with you? #SEARCHLOVE @MIRA_INA
- 37. Learn how to communicate with developers Present your information concisely #SEARCHLOVE @MIRA_INA
- 39. Who is in the room? #SEARCHLOVE @MIRA_INA
- 41. HEAD OF DIGITAL ACQUISITION #SEARCHLOVE @MIRA_INA MARKETING EXECUTIVE INTERN DIGITAL PRODUCER TRANSFORMATION DIRECTOR
- 48. Learn the lingo #SEARCHLOVE @MIRA_INA
- 49. What is your sites stack? #SEARCHLOVE @MIRA_INA
- 52. Do some research to understand its limitations #SEARCHLOVE @MIRA_INA
- 54. 2. PRESENTING YOUR INFORMATION #SEARCHLOVE @MIRA_INA
- 56. There is always somebody who uses Lighthouse and demands a 100 score on everything… on a rich application website.. ” I ITOIZ DEVELOPER “
- 57. Focus on trends not numbers #SEARCHLOVE @MIRA_INA
- 58. Use a combination of tools #SEARCHLOVE @MIRA_INA
- 61. Developers don’t care about your rankings #SEARCHLOVE @MIRA_INA
- 62. Sometimes SEOs recommend a solution. Developers that are used to coding like robots follow this solution even if is not the right one!” A KATSAROS DEVELOPER “
- 64. Developers might not understand SEO, but they understand performance” S YOUNG DEVELOPER “
- 66. Please convert all our images to WebP. Just use this picture code to swap the images out #SEARCHLOVE @MIRA_INA
- 68. Hypothesi s Framework We know that; heavy images slow sites down We believe that; converting all images on the homepage to WebP will reduce the sizes and will result in X seconds improvement in speed and Improve overall conversion rate by X% leading to a revenue increase of X% #SEARCHLOVE @MIRA_INA
- 69. This is an example of the code you need. Do you think this is the best solution? #SEARCHLOVE @MIRA_INA
- 72. Some of which you should investigate #SEARCHLOVE @MIRA_INA
- 73. Percentage of iPhone vs chrome users? #SEARCHLOVE @MIRA_INA
- 74. Location of your users #SEARCHLOVE @MIRA_INA
- 75. Others only the developer would know #SEARCHLOVE @MIRA_INA
- 76. What CDN & cost of overheads on server #SEARCHLOVE @MIRA_INA
- 78. This would have cost loads of money Example #SEARCHLOVE @MIRA_INA
- 79. We don’t have time to read lots of things when a simple “put this tag, with this info, add this picture attribute, etc…” will do. A. KATSAR DEVELOPER “
- 80. Developers are busy people they have other priorities #SEARCHLOVE @MIRA_INA
- 81. Issue Impact Page Template Curren t Speed TTFI Organi c Traffi c Organic Conversio n Rate Overall Conversio n Rate URL URL URL Prioritise your request #SEARCHLOVE @MIRA_INA
- 82. Don’t send me a link to the Google’s latest recommendation unless you are happy for my client to pay for me to become an expert in SEO” I ITOIZ DEVELOPER “
- 83. Don’t expect developers to understand SEO #SEARCHLOVE @MIRA_INA
- 84. Give clear and detailed request #SEARCHLOVE @MIRA_INA
- 85. Request Log Feature & Change Descripti on Recommend Solutions Who is Benefiti ng Revenu e Impact Develop er Feedbac k Issue 1 Issue 2 Issue 3 Clear request structure #SEARCHLOVE @MIRA_INA
- 86. EXAMPLES
- 87. Identifying unused CSS & JavaScript with Google chrome dev tools #SEARCHLOVE @MIRA_INA
- 88. ChromeDeveloperTools-coverage report 61% of the code loaded is not used #SEARCHLOVE @MIRA_INA
- 91. Use different templates for different types of pages #SEARCHLOVE @MIRA_INA
- 92. Detailed list of unused code and the reasons https://github.com/mikeosolinski/powershell/blob/mas ter/site-speed-data #SEARCHLOVE @MIRA_INA
- 94. List of pixels/tags on site with use, date uploaded to site. Check regularly #SEARCHLOVE @MIRA_INA
- 95. Leverage browser caching #SEARCHLOVE @MIRA_INA
- 96. How much of the content is dynamic? How easy is it to clear the cache if content changes? #SEARCHLOVE @MIRA_INA
- 97. Tabled list of recourses to be cached, function and for how long #SEARCHLOVE @MIRA_INA
- 98. jQuery
- 99. Ask to make jQuery library global Ensure it’s the latest version #SEARCHLOVE @MIRA_INA
- 100. I am sure it’s easy, Netflix does it! ” I ITOIZ DEVELOPER “
- 101. Your examples should be relevant, realistic & obtainable #SEARCHLOVE @MIRA_INA
- 102. Speed test
- 104. How many users visit your site with simulated device? #SEARCHLOVE @MIRA_INA
- 106. What is the cut off point for support? #SEARCHLOVE @MIRA_INA
- 107. Old devices support = More code #SEARCHLOVE @MIRA_INA
- 108. Old prefixes
- 109. What rich application are you going to sacrifice #SEARCHLOVE @MIRA_INA
- 110. For 1 millisecond #SEARCHLOVE @MIRA_INA
- 111. Remember
- 112. The purpose of the speed audit report #SEARCHLOVE @MIRA_INA
- 113. Isn’t to show how intelligent you are #SEARCHLOVE @MIRA_INA
- 114. It is to help your client get the best results #SEARCHLOVE @MIRA_INA
- 116. In conclusion
- 117. It’s not in learning to code #SEARCHLOVE @MIRA_INA
- 118. Yes that will help you diagnose better #SEARCHLOVE @MIRA_INA
- 120. Giving feedback when something hasn't worked #SEARCHLOVE @MIRA_INA
- 121. Giving praise & sharing results when it has worked #SEARCHLOVE @MIRA_INA
- 122. Thank you
- 123. View my full slides here http://bit.ly/MiracleSlides
- 124. ERUDITE miracle.inameti@erudite.agency +44 (0) 1256 384890 https://erudite.agency @mirainam M I R A C L E I N A M E T I - A R C H I B O N G Ready to talk to us?
Notas do Editor
- I was having a bit of a difficult day at work.my brain was dying a little so I too a bit of a break went for some coffee and got on tweeter to see if anything interesting was happening. When I saw this tweet from Brighton SEO
- I was browsing through tweeter on day and I came across a question posted by brightonSEO (pause).
- And I knew exactly what she was talking about because this was my life
- You see this is what I was taking a break from.
- So that job title pretty much sums up my life. And I actually said to myself I need to write a blogpost about this.
- So how did this become my life
- Let me start by telling you a little bit about myself
- I got into the industry just before the big penguin update and spent the first 2 years of my career doing mostly keyword research and backlink audits. Then I became an AM. And became a technical SEO to my list of jobs so obviously I made a lot of mistakes.
- I am from a marketing background so I wasn’t technical at all.
- I got into the industry just before the Google Penguin Update in April 2012 which was aimed at sitesbuying links or obtaining them through link networks
- and spent the first 2 years of my career doing mostly keyword research and backlink audits trying to get sites to recover from penalties. Then I became an Account Manager
- and technical SEO was added to my list of jobs so obviously I made a lot of mistakes.
- I tried to learn how to code
- There was never going to be enough time to become an expert in all of this.
- So back to the speed audit. And what have a learned over the years on how to get my recommendations implemented. By the way this also applies to getting any audit actioned by your even though the examples are specific to speed because that is what I was drowning in when this presentation was inspired.
- I
- On average mobile accounts for most of my clients visits in 2019 and that figure continues to grow and I know is probably similar for most of your clients. I have only seen had one client since 2018 whose desktop traffic is higher than mobile and they sell used haulage trucks.
- However only 35% of revenue is from mobile and one of the keys to improve that conversion rate is improving the speed on the site.
- https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/
- https://www.ericsson.com/en/press-releases/2016/2/streaming-delays-mentally-taxing-for-smartphone-users-ericsson-mobility-report
- 28
- Speed is now a ranking factor
- Great for explaining impact of speed to people who don’t understand SEO
- https://www.thinkwithgoogle.com/marketing-resources/experience-design/mobile-speed-scorecard-impact-calculator/ Good because it highlight revenue but ensure
- Emphasizing what your competitor is doing is a very effective way of getting buying from the top. Ensure you use competitors of a similar size not just the best case scenario
- Remember improving the site speed its not only beneficial for SEO its beneficial for all channels
- Let's start with the first C - Learning to communicate
- Are you wasting time talking to the wrong person?
- Talk about experience in first client meeting speaking to marketing managers and digital producers
- You need to understand which developers oversee specific parts of the website. Frontend, webadmin etc. Ask yourself am I speaking to the right person Front-end Developer (AKA Client-Side Developer) - user interfaces, including its aesthetics and layouts. Backend Developer (AKA Server-Side Developer) - This is a developer who specializes in the design, implementation, functional core logic, performance and scalability of a piece of software or system running on machines that are remote from the end-user. Digital Producer/Project Manager –in charge of scheduling Marketing Manager /Head of Digital
- 1) Read up on what it takes to implement these changes — they’re not easy fixes — so that you can discuss it knowledgeably. 2) I once had a call with a marketing manager and as I was explaining recommendations, the MM was googling some of the terms. Would the MM be able to effectively communicate your recommendations to the dev team?
- 1) Read up on what it takes to implement these changes — they’re not easy fixes — so that you can discuss it knowledgeably. 2) I once had a call with a marketing manager and as I was explaining recommendations, the MM was googling some of the terms. Would the MM be able to effectively communicate your recommendations to the dev team?
- Lost of developers just think SEO is just on-page. They don’t expect you to be interested in the technical stuff. You need to set this misconception straight. Builthwith is a good place to start Problems with cloudfare WordPress has a specific URL structure. Url, categories,product. Pushed for non-standard implementation loads of 404 errors on the site
- Lost of developers just think SEO is just on-page. They don’t expect you to be interested in the technical stuff. You need to set this misconception straight. Builthwith is a good place to start Problems with cloudfare WordPress has a specific URL structure. Url, categories,product. Pushed for non-standard implementation loads of 404 errors on the site
- 1) Read up on what it takes to implement these changes — they’re not easy fixes — so that you can discuss it knowledgeably.
- Stackover flow and other developer forums on facebook are good places to start
- It’s a collaboration
- Non of the tools ever report the same metric. Don’t be obsessed with tool score. Focus on the trend and its impact on metrics that matter like revenue.
- Non of the tools ever report the same metric. Don’t be obsessed with tool score. Focus on the trend and its impact on metrics that matter like revenue.
- Non of the tools ever report the same metric. Don’t be obsessed with tool score. Focus on the trend and its impact on metrics that matter like revenue.
- Developers don’t care about your rankings. That is your KPI not theirs Present the right metrics like CTR, Increase in users, better user experience and most important. More money
- Is your problem stimulating enough to be an obsession. Have you have you made the best revenue case for it?
- Is your problem stimulating enough to be an obsession. Have you have you made the best revenue case for it?
- Is your problem stimulating enough to be an obsession. Have you have you made the best revenue case for it?
- Because there might be other things to consider
- Because there might be other things to consider
- Which you can get from google analytics
- You can get your google analytics. Do your users have access to 3g network?
- Because there might be other things to consider
- Costs to do this work and then storage the additional images (considering that a 100kb jpeg is likely to almost certainly take over 200kb of space if stored in the 3 formats) will also be a big factor to Paultons.
- Developers are busy people chances are they have a long list of things to do that is quite critical to revenue. Be specific in your recommendations. However be open to discussion. Asks how many open tickets are there What do I need to do to get my ticket to the top of the queue
- I always use overall conversation rates because an improvement in site speed is not beneficial to SEO its bbeneficial to the entire site - Ensure you are measuring the right thing. Time to first interactive.
- Most front-end developers might not necessarily understand SEO but they understand performance. They want it to work well. But they don’t need to be sent on a lesson. Just as you wouldn’t want to be sent a bunch of code to say this is our implementation. Keep it simple.
- Most front-end developers might not necessarily understand SEO but they understand performance. They want it to work well. But they don’t need to be sent on a lesson. Just as you wouldn’t want to be sent a bunch of code to say this is our implementation. Keep it simple.
- Along with images, CSS and JavaScript are two of the most common reasons for code bloat and slow loading pages. This can happen for several reasons including those listed below: (1) Scripts being called in the head section of a template that are required for some pages but are being called for every page on the site. (2) Scripts and styles that are only used when a certain part of the page is interacted with such as tabs, accordions, faceted navigation. (3) Poor coding.
- One of the major problems with website is loading unused code this often happens when site is updated, support for old operating systems that haven’t been updated. This is the process I use when checking for unused code. Don’t just run the coverage test and say delete all this code - Hopefully, your developer will say no 64% is not being used on this page on initial load.
- By clicking on an individual row in the bottom pane you can also see the specific blocks of code that aren’t being used in the top page.
- By clicking on an individual row in the bottom pane you can also see the specific blocks of code that aren’t being used in the top page. By looking at a more granular level it may be possible to split code up into that which is parsed at the start of the page load process and unused scripts and styles that can be deferred until after the above the fold content has loaded.
- I recently audited a site that had a social sharing widget called addthis.com which was slowing down the speed on a client site. The script was also path of the critical loading path . The page also has its own share buttons hardcoded into the template so someone had clearly forgotten about this widget.
- jQuery is a powerful and simple JavaScript library that you can use to select elements in your Web page, add impressive special effects, and insert content. Jquery is a heavy library you should never load more than one jQuery library. Its has an API so make sure you are not calling different versions of the API on a single page
- Always pick examples that are similar to your client in size or even business objectives. Basically your examples should be relevant, realistic and obtainable. read performance profiles with understanding. There are some changes that can be easily done some that are not.
- Most Speed tools text with Nexus 5. Lighthouse, Webpage test.
- How many people visit your site with those devices/browser? Especially if your site isn’t an international site? Are you going to sacrifice your rich application so that 7 more people can visit your site. The code you might need to add to make it fast on these devices might slow the entire site down in the long run For a new site build will the site get outdated because your are prioritising speed over new technology?
- you will save time by deleting old browser support
- CSS browser or vendor prefixes are nothing but a means through which the makers of web browsers (vendors as they’re known) add support for the latest CSS features, for an experimentation and testing period. These browser prefixes are basically used for addition of new features, which may or may not be a part of the formal specifications. Furthermore, they’re used for implementation of new features in a specification which hasn’t yet been finalized. Some of the CSS browser prefixes are as follows: - Safari: -webkit- - Chrome: -webkit- - Internet Explorer: -ms- - Opera: -o- - Firefox: -moz- - Android: -webkit- - iOS: -webkit-
- How many people visit your site with those devices/browser? Especially if your site isn’t an international site? Are you going to sacrifice your rich application so that 7 more people can visit your site. The code you might need to add to make it fast on these devices might slow the entire site down in the long run For a new site build will the site get outdated because your are prioritizing speed over new technology?
- How many people visit your site with those devices/browser? Especially if your site isn’t an international site? Are you going to sacrifice your rich application so that 7 more people can visit your site. The code you might need to add to make it fast on these devices might slow the entire site down in the long run For a new site build will the site get outdated because your are prioritizing speed over new technology?
- Most times. This is the hardest thing to admit. Your client is paying you loads of money and you are under pressure to come up with a solution. It is better to say. I don’t know. Than to recommend something that will have a detrimental impact on the site. . I don’t know the answer
- Working together with your developer. Asking them for the best way to send recommendations for feature change