Remove tags grunt
article thumbnail

The Future Of Frontend Build Tools

Smashing Magazine

One is with a script tag referencing a JavaScript file, and the other is to write your JavaScript directly in the HTML inside script tags. <script This need saw the rise of tools like Gulp, Grunt, Brocolli, and so forth. There are two major ways to load JavaScript in the browser.

Code 109
article thumbnail

Recipes for Performance Testing Single Page Applications in WebPageTest

CSS - Tricks

Django , Rails and Laravel ) do most of the grunt work and delivering "ready-to-use" HTML to the browser, SPAs rely heavily on JavaScript to have the browser compute HTML. Sometimes, the particular element you want to interact with does not present an interesting unicity property in either its ID, class or tag.

Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

web-vitals library can collect and send Core Web Vitals to Google Analytics, Google Tag Manager or any other analytics endpoint. Stick to your environment for building, be it Grunt, Gulp, Webpack, Parcel, or a combination of tools. Layout Shift GIF Generator that visualizes CLS with a simple GIF (also available from the command line).

article thumbnail

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

Stick to your environment for building, be it Grunt, Gulp, Webpack, Parcel, or a combination of tools. Tests show that inline videos within img tags display 20× faster and decode 7× faster than the GIF equivalent, in addition to being a fraction in file size. Have to deal with almighty Google Tag Manager ? Not good enough?

article thumbnail

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

Stick to your environment for building, be it Grunt, Gulp, Webpack, Parcel, or a combination of tools. Early tests show that inline videos within img tags display 20× faster and decode 7× faster than the GIF equivalent, in addition to being a fraction in file size. Defining The Environment. Choose and set up your build tools.