Blog - Technology Performance Pulse

Displaying Page Load Metrics on Your Site

Jos

MARCH 29, 2018

Stoyan Stefanov also realized and wrote “This page loaded in X seconds” , a blog post describing the code used for this. I was browsing Tim Kadlec’s website and I noticed he had added page load time metrics in the footer. Tim Kadlec’s site shows how long the page took to load in the footer.

Metrics

Metrics Google Analytics Code

Displaying Page Load Metrics on Your Site

Jos

MARCH 30, 2018

Stoyan Stefanov also realized and wrote “This page loaded in X seconds” , a blog post describing the code used for this. I was browsing Tim Kadlec’s website and I noticed he had added page load time metrics in the footer. Tim Kadlec’s site shows how long the page took to load in the footer.

Metrics

Metrics Google Analytics Code

9 Tips To Avoid Cross-Browser Compatibility Issues from the start

Testsigma

JANUARY 4, 2021

Use feature detection libraries- e.g. Modernizr , Polyfill, etc. The post 9 Tips To Avoid Cross-Browser Compatibility Issues from the start appeared first on Testsigma Blog. Therefore we provide an alternate code to run on the browser to provide a seamless experience for the user. We can implement feature detection in code by-.

Testing Tools

Testing Tools Mobile Internet Internet

Mobile web testing – 3 approaches that will make your life easy

Testsigma

FEBRUARY 19, 2021

In case the features aren’t fully supported, we might have to introduce polyfills to ensure the running of essential features. The post Mobile web testing – 3 approaches that will make your life easy appeared first on Testsigma Blog. We can use Can I Use? We’ve got a free 30-day product trial.

Mobile

Mobile Testing Website Speed

Lazy loading images using Intersection Observer

Dean Hume

AUGUST 8, 2017

I have even previously written about one on this blog ( many years ago ). If you really like the ease of the Intersection Observer API and would like to use a polyfill instead, the WICG have created one that is available on their Github repository. So what’s new?!

Code

Code Website Media Efficiency

Lazy loading images using Intersection Observer

Dean Hume

AUGUST 8, 2017

I have even previously written about one on this blog ( many years ago ). If you really like the ease of the Intersection Observer API and would like to use a polyfill instead, the WICG have created one that is available on their Github repository. So what’s new?!

Code

Code Website Media Efficiency

Lazy loading images using Intersection Observer

Dean Hume

AUGUST 8, 2017

I have even previously written about one on this blog ( many years ago ). If you really like the ease of the Intersection Observer API and would like to use a polyfill instead, the WICG have created one that is available on their Github repository. So what’s new?!

Code

Code Website Media Efficiency

Frankenstein Migration: Framework-Agnostic Approach (Part 1)

Smashing Magazine

SEPTEMBER 26, 2019

People like Rich Harris even write blog posts about why they don’t use Web Components. So, based on the needs and requirements of your Host, you have to decide for yourself whether or not you need to polyfill Web Components. So this is the second building block of Frankenstein Migration. Web Components. Custom Elements.

Architecture

Architecture Virtualization Servers Technology

How to Increase Your Page Size by 1,500% with webpack and Vue

CSS - Tricks

JUNE 19, 2019

JavaScript housekeeping: 🗑️ Remove old & duplicate deps 🐥 Replace large deps w/small ones 🧐 Check you aren't over-polyfilling 🧽 Clean up A/B test configs ✂️ Code-splitting! You know, like the title of the blog post literally says. Walmart Grocery did this for their site.

Cache

Cache Internet Internet Code

Performance tips for building responsive sites

Speed Curve

DECEMBER 25, 2013

Source: Github Blog. Picturefill is an interim polyfill for responsive images allowing you to curate which image gets served to which width. There might even be whole features or different navigation patterns introduced or removed at different widths to optimize the size of the user experience. Shrink and art direct your images.

Performance

Performance Mobile Website Benchmarking

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

JUNE 2, 2021

Plus, we generate two versions of our main JavaScript file: one without polyfills and one with them included, and we swap in the version with them when the browser needs them, enabling us to deliver a streamlined main version to most people. We tested a “polyfill-on-demand” service, but the performance didn’t meet our expectations.

Performance

Performance Cache Website Mobile

Recipes for Performance Testing Single Page Applications in WebPageTest

CSS - Tricks

OCTOBER 10, 2019

I often use Netlify for hosting my sites (including my personal blog ), and most of the time I spend in the application is on authenticated pages, like the dashboard listing all my websites. In order to bypass the absence of CustomEvent support, we can turn to polyfills and add one manually at the top of the script.

Performance Testing

Performance Testing Testing Performance Open Source

Front-End Performance Checklist 2021

Smashing Magazine

JANUARY 11, 2021

So, if your year-over-year web performance metrics stay stable, that's usually a warning sign as you're actually regressing as the environment keeps improving ( details in a blog post by Gilles Dubuc ). polyfills could help transition from legacy code to rewritten codebase that uses standard browser features. Need a quick win?

Performance

Performance Cache Media Metrics

Technology Performance Pulse

Displaying Page Load Metrics on Your Site

Displaying Page Load Metrics on Your Site

Trending Sources

9 Tips To Avoid Cross-Browser Compatibility Issues from the start

Mobile web testing – 3 approaches that will make your life easy

Lazy loading images using Intersection Observer

Lazy loading images using Intersection Observer

Lazy loading images using Intersection Observer

Frankenstein Migration: Framework-Agnostic Approach (Part 1)

How to Increase Your Page Size by 1,500% with webpack and Vue

Performance tips for building responsive sites

Improving The Performance Of An Online Store (Case Study)

Recipes for Performance Testing Single Page Applications in WebPageTest

Front-End Performance Checklist 2021

Stay Connected