The latest in site speed: advanced #webperf 2018

This is my slidedeck for Brighton SEO, taking place on April 27th 2018. It covers my three most important learnings about international SEO and how to set up websites in an international context. Have fun :) Ps: All images were taken from Pexels.com or Pixabay.com.

Modern Web Apps should be focused, rich, and gorgeous, but they also need to be FAST. After all, being rich and beautiful isn't always enough! With web apps, faster is always better; nobody will ever complain that your site is too fast!

A talk on interaction performance that was presented at performance.now() conference in Amsterdam on 8th November 2018

Bastian Grimm provides best practices for successfully relaunching a website through migration. He emphasizes thorough documentation, testing, and addressing all technical details. Common problems with migrations include missing or incorrect redirects. Post-migration, it is important to monitor performance, check for errors, and ensure proper indexing of the new site.

My talk from SMX West 2019 in San Jose covering best practices on how to successfully navigate through the various types of migrations (protocol migrations, frontend migrations, website migration, cms migration, etc.) from an SEO perspective - mainly focussing on all things technical SEO.

Talking about advanced performance optimization strategies at SMX Stockholm 2012 covering request reduction & optimization, caching, mark-up tuning, database & webserver performance and much, much more!

xPerformance is fundamentally, a UX concern. Sites that are slow to render or janky to interact with are a bad user experience. We strive to write performant code for our users, but users don’t directly interact with our code - it all happens through the medium of the browser. The browser is the middleman between us and our users; therefore to make our users happy, we first have to make the browser happy. But how exactly do we do that? In this talk, we’ll learn how browsers work under the hood: how they request, construct, and render a website. At each step along the way, we’ll cover what we can do as developers to make the browser’s job easier, and why those best practices work. You’ll leave with a solid understanding of how to write code that works *with* the browser, not against it, and ultimately improves your users’ experience.

Raiders of the Fast Start: Frontend Performance Archeology There are a lot of books, articles, and online tutorials out there with fantastic advice on how to make your websites performant. It all seems easy in theory, but applying best practices to real-world code is anything but straightforward. Diagnosing and fixing frontend performance issues on a large legacy codebase is like being an archaeologist excavating the remains of a lost civilization. You don’t know what you will find until you start digging! Pick up your trowels and come along with Etsy’s Frontend Systems team as we become archaeologists digging into frontend performance on our large, legacy mobile codebase. I’ll share real-life lessons you can use to guide your own excavations into legacy code: What tools and metrics we used to diagnose issues and track progress. How we went beyond server-driven best practices to focus on the client. Which fixes successfully increased conversion, and which didn’t. Our work, like all good archaeology, went beyond artifacts and unearthed new insights into our culture. We at Etsy pride ourselves on our culture of performance, but, like all cultures, it needs to adapt and reinvent itself to account for changes to the landscape. Based on what we’ve learned, we are making the case for a new, organization-wide, frontend-focused performance culture that will solve the problems we face today.

This document discusses ways to make JavaScript faster in web pages. It recommends loading scripts asynchronously or with defer, preloading scripts, reducing CPU time spent evaluating scripts and function calls, budgeting third-party scripts, ensuring proper compression of scripts, and reviewing code coverage to optimize performance.

My talk from SEOkomm 2018 in Salzburg covering best practices on how to successfully naviate through the various types of migrations (protocal migrations, frontend migrations, etc.) from an SEO perspective - mainly focussing on all things tech.

The document discusses techniques for optimizing websites to load faster. It provides 12 tips for optimization including enabling GZIP compression, minifying JavaScript and CSS, optimizing image sizes and formats, reducing the number of requests, and combining files. Performance statistics are given showing how even small reductions in load times can significantly increase user engagement and sales.

The document discusses the importance of optimizing websites for speed. It provides examples showing how page load times impact key metrics like revenue, traffic and conversions. Specific techniques are recommended to optimize assets like images, JavaScript and CSS files to reduce page size and load times. Faster sites are shown to rank better in search engines. The myth that bandwidth is more important than latency is also addressed.

Next Level technisches SEO Vortrag des CEO Dominik Wojcik von der Berliner Online-Marketing-Agentur Trust Agents. Präsentiert auf dem SEO DAY 2017.

As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.

Performance of Web applications on client machines. This paper refers to the performance of Web browsers and applications in general and of JavaScript code on the client machine.

Performance is important for user experience. While some myths exist around performance, such as XML being much slower than JSON, tests show they are essentially identical. Easy techniques can improve performance, such as using content delivery networks and image compression. Emerging standards like HTTP 2.0, server-side push, and WebSockets allow pushing data to clients. Frameworks like MessagePack provide smaller binary serialization. Proper use of threading, reusing elements, preloading, and prioritizing content can also boost performance. The perception of speed matters - even 100ms delays impact user behavior.

Google Developer Days Japan 2009 - Designing OpenSocial Apps For Speed and Scale Original slides from Arne Roomann-Kurrik & Chris Chabot with a few Zen quotes and references added by me:-)

Especially in a mobile-first world, fast loading websites are of utmost importance. Also, Google has been very vocal about anything web performance in the last few years and is pushing hard to innovate repeatedly. But performance is so much more! User satisfaction should be the main goal because expectations are clear: You’ve got two to three seconds maximum to deliver, so make it count. During Bastian's SearchLeeds 2018 talk he walked through various advanced topics around web performance optimisation going way beyond Accelerated Mobile Pages (and other short-term solutions) to make any website really, really fast.

The document discusses three tips for optimizing website speed: 1) Using new image formats like WebP that are smaller in file size than JPEG and PNG, 2) Optimizing custom webfonts to reduce file size and number of HTTP requests, and 3) Implementing HTTP/2 to enable multiple requests over a single connection and reduce latency. It also covers critical path rendering which involves optimizing the resources needed to render the initial view above the fold.

multiple variations of an engaging product description for an SEO report from a digital marketing agency: Variation 1: Skyrocket your online visibility and dominate your competition with our comprehensive SEO report. • Detailed analysis of your website's current search engine performance • Personalized recommendations to improve your rankings and drive more traffic • Insights on top-performing keywords and content opportunities • Step-by-step action plan to implement high-impact SEO strategies Struggling to get your website seen by your ideal customers? Our SEO report is your secret weapon to unlocking the full potential of search engine optimization. Packed with data-driven insights, you'll uncover the exact steps needed to boost your organic traffic, outrank your competitors, and turn your website into a lead-generating machine. Whether you're a small business or an enterprise-level brand, this report is your roadmap to search engine success. This SEO report is perfect for digital marketing teams, business owners, and entrepreneurs who are ready to take their online presence to new heights. With our expert analysis and optimization recommendations, you'll be able to leverage the power of search to attract more qualified leads, increase conversions, and grow your business like never before. Variation 2: Dominate the search results and stay ahead of the competition with our cutting-edge SEO report. • Comprehensive audit of your website's current search engine performance • Tailored strategies to improve your rankings across key industry keywords • Insights on content gaps and opportunities to drive more organic traffic • Actionable steps to implement high-impact SEO tactics Struggling to get your business seen by your ideal customers online. Our SEO report is your ticket to search engine dominance. Powered by the latest data and industry best practices, this report will give you the intel you need to outrank your competitors, attract more qualified leads, and turn your website into a lead-generating powerhouse. Whether you're a solopreneur or part of an enterprise marketing team, this SEO report is designed to help you maximize your online visibility and drive real business results. With our expert analysis and optimization recommendations, you'll be able to leverage the power of search to boost your brand awareness, increase conversions, and take your company to new heights. Don't let your competition outrank you - invest in our SEO report and watch your online dominance skyrocket. Variation 3: Uncover the search engine secrets to drive more traffic and leads with our comprehensive SEO report. • In-depth analysis of your website's current search engine performance • Customized strategies to improve your rankings across high-intent keywords • Insights on content gaps and opportunities to attract your ideal customers • Step-by-step action plan to implement proven SEO tactics Struggling to get your business seen by your target audience

Optimizing a WordPress site can improve page speed and user experience. A speed test identifies issues like large images, unnecessary JavaScript, and third-party plugins as potential problems. Solutions include image optimization and sprites, JavaScript consolidation and proper placement, code compression, caching, and reducing third-party assets. With these optimizations, a site can improve its speed grade from a D to an A.

The document discusses how web browsers render web pages in 5 stages: 1) Constructing the object model from HTML tags and content 2) Creating the render tree by omitting non-visible nodes 3) Calculating layout and positioning during the layout stage 4) Painting pixels on the screen during the paint stage 5) Composite layers are ordered and combined during the composite stage It provides tips for optimizing performance such as minimizing critical resources, leveraging caching, prioritizing content, and reducing reflows and repaints.

In this session I will show you how modern browsers and sites can coordinate the dance of loading & rendering to deliver a web that is fast where it matters to users. The biggest leaps in browser improvements, including Firefox Quantum, focused on areas like scheduling, breaking up and parallelizing work. Discover where you can benefit from fine control and what aspects of performance you can leave to the browser. Applying this knowledge will help you build fluid, native-like experiences that can handle the growing complexity of the web.

My talk from 3XE in Dublin covering why I believe that thinking in silos will hurt your 2018 marketing efforts significantly!

How to tackle real-world web platform performance problems in modern websites and apps? This session starts with a basic understanding of the web platform and then explores to a set of problem/solution pairs built from industry-standard performance guidance. In the talk, we will demonstrate performance tips and tricks that will help you improve the performance of your apps and sites today. We will discuss the following respond to network requests, speed and responsiveness, optimizing media usage, and writing fast JavaScript. These performance tips and tricks apply equally to web sites that run on standards based web browsers, as well as to modern apps.

What happens when you combine Mobile First Index, Performance, and JavaScript? You find the critical rendering path. This talk will look at how these 3 major components of search can guide your strategy and tactical ways to improve them.

This document discusses web performance optimization techniques. It is a summary of rules for web performance by Mark Tomlinson, who has 27 years of experience in performance. Some of the key techniques discussed include reducing HTTP requests, optimizing file compression, minimizing code, improving web font and image performance, prefetching resources, avoiding unnecessary redirects, and optimizing infrastructure and databases. The document emphasizes measuring performance through load testing and monitoring to identify bottlenecks.

The document discusses SEO considerations for JavaScript frameworks. It notes that SEOs need to understand how JavaScript works and how search engines handle it, as many developers are not familiar with SEO. It provides tips for SEOs, including that search engines don't interact with the page content in the same way users do, and content should be loaded by default without user interaction. It also discusses different approaches to rendering pages for search engines like server-side rendering versus client-side rendering.

Chrome DevTools are a set of free tools built directly into the Google Chrome browser, that offer developers and SEO specialists exceptional insights into underlying SEO issues. In this session, we will look at how to use it for technical SEO auditing, performance testing and crawlability, especially for JavaScript sites.

Brief explanation of how browsers make sense of and render our mess. The path to the first paint - why it is important and how to get there faster. Rendering performance - how not to shoot yourself in the foot. Drupal - the current situation

During this talk about web performance, you will discover how to make your website faster and more usable, and how this leads to an improvement in user experience and an increase of visibility of your site on search engines, even reducing digital marketing costs. Andrea will share his extensive web performance experience and provide practical, high-impact, and easily applicable tips on how to improve performance in 2023. Andrea Verlicchi is a Google Developer Expert for Web Performance, he has extensive experience in this sector, having worked with some of the largest companies in the world to improve their web performance. Andrea writes about the web in important specialized magazines and regularly shares his know-how in conferences and Meetups all over Europe.

This document provides practical strategies for improving front-end performance of websites. It discusses specific techniques like making fewer HTTP requests by combining files, leveraging browser caching with far-future expires headers, gzipping components, using CSS sprites, and deploying assets on a content delivery network. It also summarizes key rules from tools like YSlow and PageSpeed for optimizing front-end performance.

Front end optimization is important because 80% of end-user response time is spent on the front-end and front-end optimization can cut page load times by 25-50%. Page load times significantly impact user experience and business metrics. Tools like Yslow and Google PageSpeed can help identify optimization opportunities. Image optimization, minimizing HTTP requests by combining files, and reducing payload sizes are some techniques that should be applied from the start of a project. Progressive page loading, splitting components across domains, browser caching, and preloading components can further improve performance.