Are you over 18 and want to see adult content?
More Annotations
A complete backup of ugg--australia.it
Are you over 18 and want to see adult content?
A complete backup of sleepypeople.com
Are you over 18 and want to see adult content?
A complete backup of uggoutletstores.com.co
Are you over 18 and want to see adult content?
A complete backup of professionfirst.com
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of https://gadgetsneatstuff.com
Are you over 18 and want to see adult content?
A complete backup of https://build-in.co.ua
Are you over 18 and want to see adult content?
A complete backup of https://cantv.org
Are you over 18 and want to see adult content?
A complete backup of https://vireohealth.com
Are you over 18 and want to see adult content?
A complete backup of https://theescapers.com
Are you over 18 and want to see adult content?
A complete backup of https://fixmytradingmind.com
Are you over 18 and want to see adult content?
A complete backup of https://shuffles.jp
Are you over 18 and want to see adult content?
A complete backup of https://pixelstalk.net
Are you over 18 and want to see adult content?
A complete backup of https://reyuki.net
Are you over 18 and want to see adult content?
A complete backup of https://megapolis.org
Are you over 18 and want to see adult content?
A complete backup of https://infoamazonia.org
Are you over 18 and want to see adult content?
A complete backup of https://novusint.com
Are you over 18 and want to see adult content?
Text
speed
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERF Tricky parts. Safari 10.1 is a quirk. It supports type="module" but doesn’t support the nomodule attribute. If you support this Safari version, you’ll have to work around that. The module/nomodule patters draws a split only between ES5 and ES2015+ browsers. ES2016 and newer standards added a bunch of other polyfillable features like Array.prototype.includes() or Object.values(). WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF We’re PerfPerfPerf. We teach performance. Performance articles, case studies, and more. Subscribe: PerfPerfPerf · 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 · Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TO Here’s what they each of them does and when to use them. Jump to: preload – when you’re going to need a resource in a few seconds; prefetch – when you need a resource for the next page; preconnect – when you know you’ll need a resource soon, but you don’t know its full url yet; dns-prefetch – when you know you’ll need a resource soon, but you don’t know its full url yet CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS 1️⃣ Switch to Next.js (or Nuxt.js) Next.js is a lightweight framework for React apps that automatically applies lots of complex performance-relates optimizations (server-side rendering, per-route code splitting, proper webpack configuration, etc.). You just write the code as usual, whereas Next.js does a bunch of heavy tuning behindthe scenes.
BUILDING QUICK APPS IN 2019 Services Cases Articles About us perf@3perf.com PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 · License: CCBY-SA 🖤
PERFPERFPERF · WEB PERFORMANCE CONSULTING Optimization 🛠. What: we’ll join your project, roll up our sleeves, find all performance bottlenecks, and apply precise optimizations – all by ourselves. Great when: you don’t want to distract the team from delivering business functionality, and you want to make sure all quirks and implementation nuances are considered. TALKS, ARTICLES AND TOOLS BY PERFPERFPERF A community-contributed list of performance tips & tricks for popular JS libraries. Created in collaboration with the Google Chrome team MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS This is an introduction to the modern web loading performance. Learn why performance is important, what performance optimizations exist andwhat tools help
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF To be concrete. On the desktop, the Notion app is a web app wrapped with Electron. On mobile, from my understanding, the Notion app runs both React Native parts (likely responsible for some mobile experiences) and web parts (likely responsible for the overall editingUI).
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Optimization 🛠. What: we’ll join your project, roll up our sleeves, find all performance bottlenecks, and apply precise optimizations – all by ourselves. Great when: you don’t want to distract the team from delivering business functionality, and you want to make sure all quirks and implementation nuances are considered. TALKS, ARTICLES AND TOOLS BY PERFPERFPERF A community-contributed list of performance tips & tricks for popular JS libraries. Created in collaboration with the Google Chrome team MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS This is an introduction to the modern web loading performance. Learn why performance is important, what performance optimizations exist andwhat tools help
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF To be concrete. On the desktop, the Notion app is a web app wrapped with Electron. On mobile, from my understanding, the Notion app runs both React Native parts (likely responsible for some mobile experiences) and web parts (likely responsible for the overall editingUI).
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Optimization 🛠. What: we’ll join your project, roll up our sleeves, find all performance bottlenecks, and apply precise optimizations – all by ourselves. Great when: you don’t want to distract the team from delivering business functionality, and you want to make sure all quirks and implementation nuances are considered. TALKS, ARTICLES AND TOOLS BY PERFPERFPERF A community-contributed list of performance tips & tricks for popular JS libraries. Created in collaboration with the Google Chrome team SUBSCRIBE | PERFPERFPERF We’re PerfPerfPerf. We teach performance. Performance articles, case studies, and more. Subscribe: PerfPerfPerf · 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 · Background: blueforce4116/Flickr 🖤 MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS The second approach to transfer less data is to compress everything you send to the client using Gzip. Gzip is an algorithm that compresses data you send to the client using a sophisticated archivingalgorithm.
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERF Tricky parts. Safari 10.1 is a quirk. It supports type="module" but doesn’t support the nomodule attribute. If you support this Safari version, you’ll have to work around that. The module/nomodule patters draws a split only between ES5 and ES2015+ browsers. ES2016 and newer standards added a bunch of other polyfillable features like Array.prototype.includes() or Object.values(). CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF To be concrete. On the desktop, the Notion app is a web app wrapped with Electron. On mobile, from my understanding, the Notion app runs both React Native parts (likely responsible for some mobile experiences) and web parts (likely responsible for the overall editingUI).
PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TO Here’s what they each of them does and when to use them. Jump to: preload – when you’re going to need a resource in a few seconds; prefetch – when you need a resource for the next page; preconnect – when you know you’ll need a resource soon, but you don’t know its full url yet; dns-prefetch – when you know you’ll need a resource soon, but you don’t know its full url yet QUICK APPS IN 3 STEPS 2️⃣ Connect Cloudflare (or another CDN service) Cloudflare is a CDN provider slash web-performance-as-a-service company. You sign up for Cloudflare, connect your site to it, and Cloudflare starts proxying your traffic and applying optimizations like BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF We’re PerfPerfPerf. We teach performance. Performance articles, case studies, and more. Subscribe: PerfPerfPerf · 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 · Background: blueforce4116/Flickr 🖤 HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERF Tricky parts. Safari 10.1 is a quirk. It supports type="module" but doesn’t support the nomodule attribute. If you support this Safari version, you’ll have to work around that. The module/nomodule patters draws a split only between ES5 and ES2015+ browsers. ES2016 and newer standards added a bunch of other polyfillable features like Array.prototype.includes() or Object.values(). PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TO Here’s what they each of them does and when to use them. Jump to: preload – when you’re going to need a resource in a few seconds; prefetch – when you need a resource for the next page; preconnect – when you know you’ll need a resource soon, but you don’t know its full url yet; dns-prefetch – when you know you’ll need a resource soon, but you don’t know its full url yet CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS 1️⃣ Switch to Next.js (or Nuxt.js) Next.js is a lightweight framework for React apps that automatically applies lots of complex performance-relates optimizations (server-side rendering, per-route code splitting, proper webpack configuration, etc.). You just write the code as usual, whereas Next.js does a bunch of heavy tuning behindthe scenes.
BUILDING QUICK APPS IN 2019 Services Cases Articles About us perf@3perf.com PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 · License: CCBY-SA 🖤
PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF We’re PerfPerfPerf. We teach performance. Performance articles, case studies, and more. Subscribe: PerfPerfPerf · 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 · Background: blueforce4116/Flickr 🖤 HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERF Tricky parts. Safari 10.1 is a quirk. It supports type="module" but doesn’t support the nomodule attribute. If you support this Safari version, you’ll have to work around that. The module/nomodule patters draws a split only between ES5 and ES2015+ browsers. ES2016 and newer standards added a bunch of other polyfillable features like Array.prototype.includes() or Object.values(). PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TO Here’s what they each of them does and when to use them. Jump to: preload – when you’re going to need a resource in a few seconds; prefetch – when you need a resource for the next page; preconnect – when you know you’ll need a resource soon, but you don’t know its full url yet; dns-prefetch – when you know you’ll need a resource soon, but you don’t know its full url yet CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS 1️⃣ Switch to Next.js (or Nuxt.js) Next.js is a lightweight framework for React apps that automatically applies lots of complex performance-relates optimizations (server-side rendering, per-route code splitting, proper webpack configuration, etc.). You just write the code as usual, whereas Next.js does a bunch of heavy tuning behindthe scenes.
BUILDING QUICK APPS IN 2019 Services Cases Articles About us perf@3perf.com PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 · License: CCBY-SA 🖤
PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF We’re PerfPerfPerf. We teach performance. Performance articles, case studies, and more. Subscribe: PerfPerfPerf · 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 · Background: blueforce4116/Flickr 🖤 HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERF Tricky parts. Safari 10.1 is a quirk. It supports type="module" but doesn’t support the nomodule attribute. If you support this Safari version, you’ll have to work around that. The module/nomodule patters draws a split only between ES5 and ES2015+ browsers. ES2016 and newer standards added a bunch of other polyfillable features like Array.prototype.includes() or Object.values(). PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TO Here’s what they each of them does and when to use them. Jump to: preload – when you’re going to need a resource in a few seconds; prefetch – when you need a resource for the next page; preconnect – when you know you’ll need a resource soon, but you don’t know its full url yet; dns-prefetch – when you know you’ll need a resource soon, but you don’t know its full url yet CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. QUICK APPS IN 3 STEPS 1️⃣ Switch to Next.js (or Nuxt.js) Next.js is a lightweight framework for React apps that automatically applies lots of complex performance-relates optimizations (server-side rendering, per-route code splitting, proper webpack configuration, etc.). You just write the code as usual, whereas Next.js does a bunch of heavy tuning behindthe scenes.
BUILDING QUICK APPS IN 2019 Services Cases Articles About us perf@3perf.com PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 · License: CCBY-SA 🖤
PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their QUICK APPS IN 3 STEPS BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF We’re PerfPerfPerf. We teach performance. Performance articles, case studies, and more. Subscribe: PerfPerfPerf · 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 · Background: blueforce4116/Flickr 🖤 HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERF Tricky parts. Safari 10.1 is a quirk. It supports type="module" but doesn’t support the nomodule attribute. If you support this Safari version, you’ll have to work around that. The module/nomodule patters draws a split only between ES5 and ES2015+ browsers. ES2016 and newer standards added a bunch of other polyfillable features like Array.prototype.includes() or Object.values(). PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TO Here’s what they each of them does and when to use them. Jump to: preload – when you’re going to need a resource in a few seconds; prefetch – when you need a resource for the next page; preconnect – when you know you’ll need a resource soon, but you don’t know its full url yet; dns-prefetch – when you know you’ll need a resource soon, but you don’t know its full url yet MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature. CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their QUICK APPS IN 3 STEPS 1️⃣ Switch to Next.js (or Nuxt.js) Next.js is a lightweight framework for React apps that automatically applies lots of complex performance-relates optimizations (server-side rendering, per-route code splitting, proper webpack configuration, etc.). You just write the code as usual, whereas Next.js does a bunch of heavy tuning behindthe scenes.
BUILDING QUICK APPS IN 2019 Services Cases Articles About us perf@3perf.com PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 · License: CCBY-SA 🖤
PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
QUICK APPS IN 3 STEPS MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature.WWW.3PERF.COM
Redirecting to https://www.3perf.com/ BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON3PERF.COM
HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON3PERF.COM
QUICK APPS IN 3 STEPS MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature.WWW.3PERF.COM
Redirecting to https://www.3perf.com/ BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON 3PERF.COMDNS PREFETCHDNS PREFETCH HTMLLINK PREFETCHMDN PREFETCHPREFETCH VS PRELOAD HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON 3PERF.COMHOW TO USE POLYFILLPOLYFILLS JSHOW MUCH DOES STUFFING COST AMAZONHOW MUCH POLYFILL TO USEPOLYFILLS ES5HOW TO USE POLYFILL JS QUICK APPS IN 3 STEPS MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature.WWW.3PERF.COM
Redirecting to https://www.3perf.com/ BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON 3PERF.COMDNS PREFETCHDNS PREFETCH HTMLLINK PREFETCHMDN PREFETCHPREFETCH VS PRELOAD HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON 3PERF.COMHOW TO USE POLYFILLPOLYFILLS JSHOW MUCH DOES STUFFING COST AMAZONHOW MUCH POLYFILL TO USEPOLYFILLS ES5HOW TO USE POLYFILL JS QUICK APPS IN 3 STEPS MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature.WWW.3PERF.COM
Redirecting to https://www.3perf.com/ BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON 3PERF.COMDNS PREFETCHDNS PREFETCH HTMLLINK PREFETCHMDN PREFETCHPREFETCH VS PRELOAD HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON 3PERF.COMHOW TO USE POLYFILLPOLYFILLS JSHOW MUCH DOES STUFFING COST AMAZONHOW MUCH POLYFILL TO USEPOLYFILLS ES5HOW TO USE POLYFILL JS QUICK APPS IN 3 STEPS MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature.WWW.3PERF.COM
Redirecting to https://www.3perf.com/ BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 PERFPERFPERF · WEB PERFORMANCE CONSULTING Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf TALKS, ARTICLES AND TOOLS BY PERFPERFPERF awesome-webpack-perf. A curated list of webpack tools for web performance. How to optimize images in webpack. Quick apps in 3 steps. What to do if you want to have a quick app – but don’t have enough time for that. Short basics of caching. Case study: Analyzing the Walmart site performance. A deep-dive into improving Walmart’s sitespeed
WEB PERFORMANCE 101: JS, CSS, HTTP, IMAGES & FONTS font-display. Second. Use the font-display CSS property for your custom fonts. The font-display property adjusts the way a custom font is applied. By default, it’s set to auto, and in all major browsers, this means the browser will wait 3 seconds for the custom font todownload.
SUBSCRIBE | PERFPERFPERF Performance articles, case studies, and more. Subscribe: PerfPerfPerf 2018–2021 · Background: blueforce4116/Flickr 🖤 · 2018–2021 Background: blueforce4116/Flickr 🖤 PRELOAD, PREFETCH AND OTHER TAGS: WHAT THEY DO AND WHEN TOSEE MORE ON 3PERF.COMDNS PREFETCHDNS PREFETCH HTMLLINK PREFETCHMDN PREFETCHPREFETCH VS PRELOAD HOW TO LOAD POLYFILLS ONLY WHEN NEEDED · PERFPERFPERFSEE MORE ON 3PERF.COMHOW TO USE POLYFILLPOLYFILLS JSHOW MUCH DOES STUFFING COST AMAZONHOW MUCH POLYFILL TO USEPOLYFILLS ES5HOW TO USE POLYFILL JS QUICK APPS IN 3 STEPS MAKE YOUR GOOGLE FONTS RENDER FASTER · PERFPERFPERF Deprecated. We created this tool in Feb 2019 to help developers load Google Fonts as if it supported font-display.But very soon, in May 2019, Google Fonts rolled out built-in font-display support – which is great!. So today, while this tool still works just file, there’s no much sense to use it over the native feature.WWW.3PERF.COM
Redirecting to https://www.3perf.com/ BUILDING QUICK APPS IN 2019 PerfPerfPerf · 2018–2021 · License: CC BY-SA 🖤 · 2018–2021 License: CC BY-SA 🖤 CASE STUDY: ANALYZING NOTION APP PERFORMANCE · PERFPERFPERF Case study: Analyzing Notion app performance. Web performance isn’t going to save you in this crisis. But if you’re building a software product, chances are you’re relatively unaffected. And in this case, having a quick app is more important than ever. Internet is slowing down due to increased demand, and people are holding on to their Services Cases Articles About usperf@3perf.com
MAKE YOUR SITE FASTER → EARN MOREGet a quote
NEW ARTICLE: Case study: Analyzing Notion app performance > A ton of extremely useful, actionable feedback that directly and > significantly improved our First Meaningful Paint, Time to > Interactive, Speed Index > — Cihat Imamoglu, Senior Software Engineer @ Fat Llama>
LET’S MAKE YOU FAST 🚀AUDIT 🔬
WHAT: we’ll analyze the site, identify all performance issues, and compose a document with potential optimizations. GREAT WHEN: you have a team that wants to learn a lot about their website performance, and that is ready to implement all optimizationsthemselves.
WANT AN EXAMPLE? See this public Notion case study .OPTIMIZATION
WHAT: we’ll join your project, roll up our sleeves, find all performance bottlenecks, and apply precise optimizations – all byourselves.
GREAT WHEN: you don’t want to distract the team from delivering business functionality, and you want to make sure all quirks and implementation nuances are considered.OPEN SOURCE 💛
Are you a non-commercial open-source project? Our work wouldn’t be possible without open-source tools. Reach out, and, if we have capacity, we’ll be glad to help for free. SOMETHING ELSE 🎁 Want something custom? We’ll be glad to chat. Reach us, and let’s figure out how we can help you.Chat with us
ARTICLES
Web Performance 101
A comprehensive guide into modern web performance Case study: Analyzing Notion app performance How to make a React app load ~30% faster – by tuning some configs and delaying some scripts Preload, prefetch and other tags HTML has as much as 5 different tags to preload something. This is a detailed deep-dive into each of them How to load polyfills only when needed We’ve been asked: “These days, how do you typically serve polyfills only to browsers that need them?”More →
CASES
We worked with Google on educating developers about web performance. This targets the long-term goal of making the web faster. * A guide to making web apps faster with webpack* A list of tricks
to
optimize dependencies * A training projectto
practice optimization strategies > This is some of the highest quality tutorial style documentation on > webpack I’ve come across> Sean Larkin
> , a member
> of the webpack’s core team Framer is a web-based tool for interactive interface design – one of the hottest ones, today. We worked with Framer to perfect their user experience – by making user interactions smoother and app loading faster. By working together, we reduced Speed Index and First CPU Idle of Framer Web by 40-45%. We also set up tooling around runtime perf – to help Framer keep & maintain achieved results in the future. > We’ve been very satisfied by working with Ivan! Ivan helped us to > improve loading performance, runtime performance, and tooling around > it. The quality of his work, approach, documentation, etc. has been> outstanding.
> Eelco Lempsink , VP of Engineering @> Framer
Common is a modern coliving rental company. They pride themselves on the design of their housing. Common wanted to improve their marketing ROI – and reached to us to help make their website faster. We jumped in and improved the PageSpeed Insights score from 39 to 75. > Working with Ivan was an absolute joy. He reliably produces > world-class work, communicates effectively and often, and is always > willing to share his deep expertise in application performance> optimization.
> Daniel Thorne , Software > Engineer @ Common Fat Llama is an e-commerce service that helps people borrow things (cameras, cars, games, tech, anything) from otherpeople.
Fat Llama had issues with page loading performance. They successfully improved a lot of things themselves, but reached to us before finishing the optimization. We helped Fat Llama to find low-hanging (and not so low-hanging) fruits that went unnoticed – and improve performance metrics evenfurther.
> Ivan gave a ton of extremely useful, actionable feedback that > directly improved our First Meaningful Paint, Time to Interactive, > Speed Index, First CPU Idle metrics significantly. Also, he helped > with some bundle size optimization too.>
> Interaction with Ivan is dense in terms of knowledge transfer, and I > guarantee you that you will learn a lot of new things. On top of all > these, he’s a super smooth person to work with. All in all, I > cannot recommend Ivan enough! > Cihat Imamoglu , Senior Software > Engineer @ Fat Llama CMTT is a media company specializing in tech and entertainment content. Their sites (like VC and TJournal ) together reach 15 million views amonth.
CMTT had an issue: when an article on one of their sites had a lot of comments, scrolling the page was freezing the browser. We helped CMTT to optimize the scrolling performance of comments on their sites. The frames-per-second rate got 4–10× higher dependingon the device.
> Ivan Akulov found a beautiful solution and implemented it on his > own. We’ve been satisfied with the results! > Ilya Chekalskiy , CMTT’s CTOABOUT US
PerfPerfPerf is ran by Ivan Akulov , a Google Developer Expert, an
international speaker , and a web performance consultant.Open-source work
200K reads of Ivan’s perf contentperf@3perf.com
Interested? We’d be glad to help. Drop us an email, and Ivan will get back to you in 24 hours. PerfPerfPerf · 2018–2021🖤 Legal entity: Sole proprietor Akulov Ivan Sergeevich. VAT ID (УНП) 192789104. Belarus, Minsk. State certificate no. 192789104, issued at17 Mar 2017.
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0