Deep dive into WordPress Performance

Sep 29, 20180 likes95 views

Speed really matters on the mobile web, but how fast your website feels, the perception of speed is just as important. If we balance real speed and perceived speed as you design your website, and you��ll have a winning combination! In this talk at WordCamp Lausanne 2018, I talked about web performance and the future of Mobile Web development.

Making the Web Faster and
more Useful for Everyone!
Mike Rynart
@mikerynart

Why
Speed Matters
What
Improve & Optimize
How
Measure Speed

Over 4 Billion
Internet users
Statista: Global digital population as of July 2018

Mobile Mindset.
https://www.blog.google/technology/next-billion-users/

Akamai Technologies, ��Consumer Web Performance Expectations Survey��, 2014
1 out of 2 people
expect a page to load in
less than 2 seconds

Source: DoubleClick - The need for mobile speed, September 2016
53%of visits are
abandoned if a mobile
site takes more than
3 seconds to load

Source: Google How important is speed to users? (Speed Matters, Vol. 3)
UX HIERARCHY

https://wpostats.com/
��Every 100ms
delay costs
1% of sales��

60%
Source: Hitwise
of searches now
from mobile
devices

https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html

https://backlinko.com/voice-search-seo-study

Mobile Web Performance
Engaging users
User experience
Conversions
People

The future of mobile
is the future of
everything!

Source: Google Research - Webpagetest.org, January 2018

Source: DoubleClick - The need for mobile speed, September 2016

The web is
DOOM
2.3 MB
https://www.wired.com/2016/04/average-webpage-now-size-original-doom/

Web Performance tools
https://developers.google.com/web/fundamentals/performance/speed-tools/
PageSpeed Insights GT Metrix Pingdom
LighthouseChrome Developer ToolsWebPageTest

https://webpagetest.org/easy - Moto G4 - Chrome - 4G

Source: Ericsson ConsumerLab, Neurons Inc.
Perception

FCP: https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint

TTI: https://developers.google.com/web/tools/lighthouse/audits/time-to-interactive

Sen m r in
Sen w hi s
OPTIMIZATION 3 RULES

Sen m r in
Sen w hi s
Sen h s e f i n y
OPTIMIZATION 3 RULES

https://developers.google.com/web/tools/lighthouse/

https://wordpress.org/plugins/a3-lazy-load/
Lazy loading
A3 Lazy Load

Mobile is not the future,
it is the now!

https://varvy.com/pagespeed/enable-compression.html

https://developers.google.com/web/fundamentals/performance/http2/

https://varvy.com/pagespeed/content-delivery-networks.html

Images
Addy Osmani: https://images.guide/

Imagify
https://wordpress.org/plugins/imagify/
Image
Optimizer

https://wordpress.org/plugins/wp-super-cache/
Cache and Compress
WP Super Cache

Merged + Minified
https://developers.google.com/speed/docs/insights/MinifyResources

https://wordpress.org/plugins/autoptimize/
Merge and Minify
Autoptimize

https://developers.google.com/web/updates/2018/08/web-performance-made-easy
Remove unused code

https://wordpress.org/plugins/plugin-load-filter/
Plugin
Load Filter

https://developers.google.com/web/progressive-web-apps/
Progressive Web Apps

App-like experience on the web
Fast EngagingReliableIntegrated
https://developers.google.com/web/progressive-web-apps/

https://wordpress.org/plugins/progressive-wp/
Progressive
WordPress
(PWA)

Questions?
Let��s connect @mikerynart and mikerynart.com
Start your journey
@mikerynart
https://mikerynart.com/fasterweb/

1) A mobile website is very important as more searches now occur on mobile devices than computers. Having a separate optimized mobile site rather than just using the desktop site is essential. 2) Speed and load times are critical for mobile sites. Users expect pages to load within 2 seconds and will abandon slow sites. Faster load times can increase conversion rates by up to 27%. 3) Google has emphasized that mobile-friendly sites are important for search rankings. Beginning in 2017, non-mobile-friendly sites may be ranked lower in mobile search results.

Deep Dive WordPress PerformanceMike Rynart

This document discusses improving website performance. It notes that speed is important for user experience, with many users expecting pages to load within 2 seconds on mobile. Various tools can measure performance metrics like first contentful paint and time to interactive. The document recommends optimizing images, using a content delivery network and cache plugins, lazy loading images, and only loading necessary plugins. It shows an example WordPress site that improved from over 6 seconds to under 4 seconds loading time with these optimizations.

How to Improve your Website PerformanceMike Rynart

We all know how important it is to make a good first impression; ��smile�� eye contact�� you��ve heard it all. However, it��s also important when building experiences on the web. According to Google research, we just have 5 seconds to capture people��s attention and they expect their sites to load in a flash. How fast your website loads is the absolute first impression you make.

Get fast and Stay FastMike Rynart

Vietnam Mobile Day 2017Duy, Vo Hoang

The document discusses improving mobile website experiences, noting that while apps dominate time spent on mobile, websites capture the majority of commercial transactions, and that slow loading and non-functional mobile sites represent lost opportunities; it then provides examples from companies like Tiki and VNExpress that optimized their mobile sites, reducing load times and improving the user experience, which led to increases in conversion rates, time on site, and other metrics.

MeasureWorks - Design for Fast Experiences (Startup session).keyMeasureWorks

�ݺ�ߣs from my session at StartupBootcamp Smart City & Living program... You never get a second chance to make a first impression. The same goes for online, where the decision to bounce is often made in the first 2 seconds, and Google will lower your ranking if your site is too slow... This talks is about why startups should care about speed when building product, how to improve design with speed and how to measure & optimize speed and beat the (corporate) competition...

Optimizing Web Performance for Mobile UsersMuhammad Samu

The document discusses optimizing web performance for mobile users. It notes that most internet users now access the web via mobile, with over 68% of the world using unique mobile devices. Slow page load times can negatively impact user engagement and conversions. The document recommends minimizing page size by compressing and minifying scripts and stylesheets, optimizing images, code splitting large scripts, caching static files, prioritizing visible content, reducing HTTP requests, and lazy loading images to improve performance for mobile users.

How to improve your website performanceMike Rynart

The document provides tips on how to improve website performance for mobile users. It recommends taking a mobile-first approach and measuring key performance metrics like speed index, load time and file size. Some tips include optimizing images, caching and compressing files, automating performance testing, and using plugins to help optimize HTML, CSS and JavaScript. It also discusses using Accelerated Mobile Pages (AMP) to make mobile sites load faster. The overall message is that mobile web speed is important for search engine optimization, user experience and business goals.

Mobile websites are more important than you thinkRobert McFrazier

Mobile websites are increasingly important as more searches occur on mobile devices. Users expect mobile websites to load quickly, be easy to use, and allow them to continue tasks seamlessly across devices. Google has emphasized the importance of mobile-friendly and fast websites, and will rank these sites higher in mobile search results. New technologies like Accelerated Mobile Pages (AMP) and Progressive Web Apps (PWA) allow sites to load nearly instantly and have app-like capabilities while still being based on web technologies.

SEO in 2016 - Three Mega TrendsChristopher Drinkut

Transforming Web Business to a Mobile Business - Presentation by Sirish KosarajuRapidValue

Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...Mike Hale

The Power of the CrowdJohn Carpenter

This document discusses the challenges of mobile app development and testing. It notes that only a small percentage of app developers will break even on their costs. It then contrasts the high costs and timelines of 7 years ago for mobile app development versus today, where budgets are lower and timelines shorter. The document emphasizes that user feedback is critical, as most users discover apps through rankings and reviews. It proposes leveraging the crowd for testing through a model that focuses efforts, sets incentives and rules, and provides the right tools. Finally, it provides two rules: don't crowd source development and don't solely rely on internal testing.

Progressive Web Apps - Goto Chicago 2017Christian Heilmann

The document discusses the challenges facing the progressive web and introduces progressive web apps (PWAs) as a solution. PWAs are built using modern web standards to provide native app-like experiences through features like push notifications, offline support, and app installation. They address issues with native apps like high installation friction, lack of control for publishers, and app store policies. PWAs are gaining adoption from companies like Alibaba and Housing.com who saw increases in user engagement metrics after implementing PWAs. The document outlines the core components of PWAs and provides an overview of browser and platform support.

Progressive web apps with polymerMarcus Hellberg

Progressive Web Apps use new web platform technologies like manifest files and service workers to deliver app-style experiences to users on the mobile web. By adding features normally only available to native apps, like home screen shortcuts, push notifications, and offline access, Progressive Web Apps improve user engagement. For example, one Progressive Web App saw time spent increase 3x and returning visitor rates rise by 63% after adding these capabilities. While browser support for the required technologies is still evolving, Progressive Web Apps provide a path for the mobile web to better compete with native apps.

Project a day 1 career in mobile developmentGoran Djonovic

This document discusses the growing importance and opportunities in mobile development. It notes that smartphones are being adopted faster than any other technology in history. Mobile usage is also surpassing desktop web usage, with people using their phones for many tasks. There are over a million apps available across major app stores and emerging areas of development like augmented reality. The document defines mobile development and outlines the growth of Android as a platform. It suggests that as Android is integrated into more devices, there will be greater opportunities for developers. The benefits of a career in mobile development are highlighted as good pay, interesting projects, and working with diverse teams.

Website performance and an introduction to AMPMichael Gearon

The Case for Progressive Web AppsJason Grigsby

Mobilegeddon: What It Is and How to Survive It Moovweb

On April 21, 2015, sites which do not meet Google��s mobile-friendly criteria will be demoted in mobile search results. Google has warned it will have a ��significant impact�� on mobile searches worldwide. What��s equally important to keep in mind, however, is that while ��mobilegeddon�� is the most significant update to Google��s mobile algorithm thus far, it will by no means be the last. Will you be prepared? View our webinar: http://www.moovweb.com/webinar/optimizing-mobile-experiences/

Improving Your Library's Mobile ServicesBohyun Kim

The document discusses improving mobile library services. It covers: 1) Today's mobile landscape with over half of internet time spent on mobile devices globally and in North America. 2) Mobile user behavior including more mobile-only usage, heavier data usage driven by 4G, increased video traffic, and growing digital media consumption across platforms. 3) Ways for libraries to improve their mobile services including responsive web design to accommodate different screens and providing full services and content on mobile as users expect comparable experiences to desktop.

Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017Anna Dahlstr?m

�ݺ�ߣs from my talk Beyond the Hamburger Menu at UX In The City Oxford http://uxinthecity.net/2017/oxford/sessions/index.php?session=109 ABSTRACT From myths to trends and best practice, actual usage, engagement, design patterns and interactions - in this session, I will go through the insights behind the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.

Getting Started with Progressive Web AppsBill Stavroulakis

Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Anna Dahlstr?m

Optimizing Websites for Great User Experiences and Increased ConversionsWP Engine

Maryna Hradovich - Mobile SEO: How to Dominate The New Search LandscapeJulia Grosman

This document provides an overview of optimizing a website for mobile and voice search. It discusses 4 main steps: 1) optimizing for the mobile-first index by having separate mobile URLs and content, using responsive design, and adding relevant meta tags and structured data. 2) Adding AMP versions of pages to load faster and appear in mobile search features. 3) Using structured data to power rich results in search. 4) Optimizing for voice search by focusing on intent with relevant questions and answers, targeting featured snippets with detailed responses, and ensuring correct location is specified.

Radware Mobile Ecommerce Performance 2013Luis Alejandro Ram��rez Gallardo

The document provides a summary of key findings from a study of the top 100 retail websites' performance on mobile devices. The main findings are: 1. The median page load time was 7.84 seconds for full sites and 4.33 seconds for mobile sites, both missing user expectations of under 4 seconds. Slow load times negatively impact businesses. 2. While 80% of companies have mobile sites, 21% do not allow visitors to access the full site from mobile. However, mobile sites often cannot replace the full experience and content that users expect. 3. Tablet users are sometimes served mobile sites instead of the full site, especially for Android tablets, which is a frustrating experience. Responsive design aims

Rise of The Hyper Connected ShoppereTailing India

The document discusses the rise of hyper-connected shoppers and the challenges retailers face in delivering fast, high-quality experiences across devices and networks. It notes that hyper-connected shoppers spend significantly more and are less likely to abandon purchases or visit sites again if performance is poor. The complexity of supporting many devices, browsers, networks and page types makes it difficult for retailers to optimize experiences. Akamai's solutions help optimize and secure digital experiences across channels.

Replacing RocksDB with ScyllaDB in Kafka Streams by Almog GavraScyllaDB

SMART SENTRY CYBER THREAT INTELLIGENCE IN IIOTTanmaiArni

More Related Content

Similar to Deep dive into WordPress Performance (20)

How to improve your website performanceMike Rynart

Mobile websites are more important than you thinkRobert McFrazier

SEO in 2016 - Three Mega TrendsChristopher Drinkut

Transforming Web Business to a Mobile Business - Presentation by Sirish KosarajuRapidValue

Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...Mike Hale

The Power of the CrowdJohn Carpenter

Progressive Web Apps - Goto Chicago 2017Christian Heilmann

Progressive web apps with polymerMarcus Hellberg

Project a day 1 career in mobile developmentGoran Djonovic

Website performance and an introduction to AMPMichael Gearon

The Case for Progressive Web AppsJason Grigsby

Mobilegeddon: What It Is and How to Survive It Moovweb

Improving Your Library's Mobile ServicesBohyun Kim

Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017Anna Dahlstr?m

Getting Started with Progressive Web AppsBill Stavroulakis

Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Anna Dahlstr?m

Optimizing Websites for Great User Experiences and Increased ConversionsWP Engine

Maryna Hradovich - Mobile SEO: How to Dominate The New Search LandscapeJulia Grosman

Radware Mobile Ecommerce Performance 2013Luis Alejandro Ram��rez Gallardo

Rise of The Hyper Connected ShoppereTailing India

How to improve your website performanceMike Rynart

Mobile websites are more important than you thinkRobert McFrazier

SEO in 2016 - Three Mega TrendsChristopher Drinkut

Transforming Web Business to a Mobile Business - Presentation by Sirish KosarajuRapidValue

Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...Mike Hale

The Power of the CrowdJohn Carpenter

Progressive Web Apps - Goto Chicago 2017Christian Heilmann

Progressive web apps with polymerMarcus Hellberg

Project a day 1 career in mobile developmentGoran Djonovic

Website performance and an introduction to AMPMichael Gearon

The Case for Progressive Web AppsJason Grigsby

Mobilegeddon: What It Is and How to Survive It Moovweb

Improving Your Library's Mobile ServicesBohyun Kim

Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017Anna Dahlstr?m

Getting Started with Progressive Web AppsBill Stavroulakis

Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Anna Dahlstr?m

Optimizing Websites for Great User Experiences and Increased ConversionsWP Engine

Maryna Hradovich - Mobile SEO: How to Dominate The New Search LandscapeJulia Grosman

Radware Mobile Ecommerce Performance 2013Luis Alejandro Ram��rez Gallardo

Rise of The Hyper Connected ShoppereTailing India

Recently uploaded (20)

Replacing RocksDB with ScyllaDB in Kafka Streams by Almog GavraScyllaDB

SMART SENTRY CYBER THREAT INTELLIGENCE IN IIOTTanmaiArni

The Future of Repair: Transparent and Incremental by Botond De?nesScyllaDB

Regularly run repairs are essential to keep clusters healthy, yet having a good repair schedule is more challenging than it should be. Repairs often take a long time, preventing running them often. This has an impact on data consistency and also limits the usefulness of the new repair based tombstone garbage collection. We want to address these challenges by making repairs incremental and allowing for automatic repair scheduling, without relying on external tools.

How Discord Indexes Trillions of Messages: Scaling Search Infrastructure by V...ScyllaDB

DealBook of Ukraine: 2025 edition | AVentures CapitalYevgen Sysoyev

Integrated Operating Window - A Gateway to PMFarhan Tariq

Brave Browser Crack 1.45.133 Activated 2025kherorpacca00126

https://ncracked.com/7961-2/ Note: >> Please copy the link and paste it into Google New Tab now Download link Brave is a free Chromium browser developed for Win Downloads, macOS and Linux systems that allows users to browse the internet in a safer, faster and more secure way than its competition. Designed with security in mind, Brave automatically blocks ads and trackers which also makes it faster, As Brave naturally blocks unwanted content from appearing in your browser, it prevents these trackers and pop-ups from slowing Download your user experience. It's also designed in a way that strips Downloaden which data is being loaded each time you use it. Without these components

Q4_TLE-7-Lesson-6-Week-6.pptx 4th quarterMariaBarbaraPaglinaw

Formal Methods: Whence and Whither? [Martin Fr?nzle Festkolloquium, 2025]Jonathan Bowen

Alan Turing arguably wrote the first paper on formal methods 75 years ago. Since then, there have been claims and counterclaims about formal methods. Tool development has been slow but aided by Moore��s Law with the increasing power of computers. Although formal methods are not widespread in practical usage at a heavyweight level, their influence as crept into software engineering practice to the extent that they are no longer necessarily called formal methods in their use. In addition, in areas where safety and security are important, with the increasing use of computers in such applications, formal methods are a viable way to improve the reliability of such software-based systems. Their use in hardware where a mistake can be very costly is also important. This talk explores the journey of formal methods to the present day and speculates on future directions.

Unlocking DevOps Secuirty :Vault & KeylockHusseinMalikMammadli

DevOps i? t?hl��k?sizliyi sizi maraqland?r?r? ?st?r developer, ist?r t?hl��k?sizlik m��h?ndisi, ist?rs? d? DevOps h?v?skar? olun, bu t?dbir ??b?k?l??m?k, bilikl?rinizi b?l��?m?k v? DevSecOps sah?sind? ?n son t?cr��b?l?ri ?yr?nm?k ��?��n m��k?mm?l f��rs?tdir! Bu workshopda DevOps infrastrukturlar?n?n t?hl��k?sizliyini nec? art?rmaq bar?d? dan??acay?q. DevOps sisteml?ri qurulark?n avtomatla?d?r?lm??, y��ks?k ?l?atan v? etibarl? olmas? il? yana??, h?m d? t?hl��k?sizlik m?s?l?l?ri n?z?r? al?nmal?d?r. Bu s?b?bd?n, DevOps komandolar?n?n t?hl��k?sizliy? y?n?lmi? praktikalara riay?t etm?si vacibdir.

Both Feet on the Ground - Generative Artificial IntelligencePete Nieminen

DevNexus - Building 10x Development Organizations.pdfJustin Reock

Developer Experience is Dead! Long Live Developer Experience! In this keynote-style session, we��ll take a detailed, granular look at the barriers to productivity developers face today and modern approaches for removing them. 10x developers may be a myth, but 10x organizations are very real, as proven by the influential study performed in the 1980s, ��The Coding War Games.�� Right now, here in early 2025, we seem to be experiencing YAPP (Yet Another Productivity Philosophy), and that philosophy is converging on developer experience. It seems that with every new method, we invent to deliver products, whether physical or virtual, we reinvent productivity philosophies to go alongside them. But which of these approaches works? DORA? SPACE? DevEx? What should we invest in and create urgency behind today so we don��t have the same discussion again in a decade?

Inside Freshworks' Migration from Cassandra to ScyllaDB by Premkumar PatturajScyllaDB

DAO UTokyo 2025 DLT mass adoption case studies IBM Tsuyoshi Hirayama (ƽɽ��)Tsuyoshi Hirayama

UiPath Automation Developer Associate Training Series 2025 - Session 1DianaGray10

Welcome to UiPath Automation Developer Associate Training Series 2025 - Session 1. In this session, we will cover the following topics: Introduction to RPA & UiPath Studio Overview of RPA and its applications Introduction to UiPath Studio Variables & Data Types Control Flows You are requested to finish the following self-paced training for this session: Variables, Constants and Arguments in Studio 2 modules - 1h 30m - https://academy.uipath.com/courses/variables-constants-and-arguments-in-studio Control Flow in Studio 2 modules - 2h 15m - https:/academy.uipath.com/courses/control-flow-in-studio ?? For any questions you may have, please use the dedicated Forum thread. You can tag the hosts and mentors directly and they will reply as soon as possible.

UiPath Agentic Automation Capabilities and OpportunitiesDianaGray10

Learn what UiPath Agentic Automation capabilities are and how you can empower your agents with dynamic decision making. In this session we will cover these topics: What do we mean by Agents Components of Agents Agentic Automation capabilities What Agentic automation delivers and AI Tools Identifying Agent opportunities ? If you have any questions or feedback, please refer to the "Women in Automation 2025" dedicated Forum thread. You can find there extra details and updates.

UiPath Automation Developer Associate Training Series 2025 - Session 2DianaGray10

In session 2, we will introduce you to Data manipulation in UiPath Studio. Topics covered: Data Manipulation What is Data Manipulation Strings Lists Dictionaries RegEx Builder Date and Time Required Self-Paced Learning for this session: Data Manipulation with Strings in UiPath Studio (v2022.10) 2 modules - 1h 30m - https://academy.uipath.com/courses/data-manipulation-with-strings-in-studio Data Manipulation with Lists and Dictionaries in UiPath Studio (v2022.10) 2 modules - 1h - https:/academy.uipath.com/courses/data-manipulation-with-lists-and-dictionaries-in-studio Data Manipulation with Data Tables in UiPath Studio (v2022.10) 2 modules - 1h 30m - https:/academy.uipath.com/courses/data-manipulation-with-data-tables-in-studio ?? For any questions you may have, please use the dedicated Forum thread. You can tag the hosts and mentors directly and they will reply as soon as possible.

BoxLang JVM Language : The Future is DynamicOrtus Solutions, Corp

Just like life, our code must evolve to meet the demands of an ever-changing world. Adaptability is key in developing for the web, tablets, APIs, or serverless applications. Multi-runtime development is the future, and that future is dynamic. Enter BoxLang: Dynamic. Modular. Productive. (www.boxlang.io) BoxLang transforms development with its dynamic design, enabling developers to write expressive, functional code effortlessly. Its modular architecture ensures flexibility, allowing easy integration into your existing ecosystems. Interoperability at Its Core BoxLang boasts 100% interoperability with Java, seamlessly blending traditional and modern development practices. This opens up new possibilities for innovation and collaboration. Multi-Runtime Versatility From a compact 6MB OS binary to running on our pure Java web server, CommandBox, Jakarta EE, AWS Lambda, Microsoft Functions, WebAssembly, Android, and more, BoxLang is designed to adapt to any runtime environment. BoxLang combines modern features from CFML, Node, Ruby, Kotlin, Java, and Clojure with the familiarity of Java bytecode compilation. This makes it the go-to language for developers looking to the future while building a solid foundation. Empowering Creativity with IDE Tools Unlock your creative potential with powerful IDE tools designed for BoxLang, offering an intuitive development experience that streamlines your workflow. Join us as we redefine JVM development and step into the era of BoxLang. Welcome to the future.