Tim Kadlec

APRIL 21, 2020

There is no faster (pun intended) way to slow down a site than to use a bunch of JavaScript. The thing about JavaScript is you end up paying a performance tax no less than four times: The cost of downloading the file on the network. The cost of executing the JavaScript. JavaScript Bytes. The memory cost. Mobile URL's.

Mobile 145

Mobile Architecture Network Performance 145

Smashing Magazine

AUGUST 3, 2021

How To Build Resilient JavaScript UIs. How To Build Resilient JavaScript UIs. Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on.

Network 145

Network Engineering Availability Monitoring 145

Gtmetrix

AUGUST 25, 2022

We’ll show you how too much JavaScript impacts your page’s performance and how to address this issue. Overview As you probably already know, JavaScript is an integral part of practically every website these days.

Website Performance 105

Website Performance Website Performance 105

DZone

JUNE 1, 2023

Temperature Anomaly Charts are mainly used in climate and weather scientific research. Learn how to create a JS Temperature Anomaly chart using LC JS.

130

130

Official Blog - World Web Technology

NOVEMBER 24, 2023

The most popular framework for front-end web development is the JavaScript framework. In this blog, we shall discuss the three popular JavaScript frameworks (ReactJS vs NodeJS vs AngularJS). Why JavaScript for Web Development? An assemblage of numerous JavaScript code libraries makes the JavaScript framework.

Development 52

Development Virtualization Open Source Architecture 52

Simform

OCTOBER 21, 2020

If we ask you to think of a Javascript library, there’s a high chance you’ll say React js since it’s been the longest in the business. But React is not the only javascript framework out there. And it definitely is not the right solution for everyone.

Technology 139

Technology Technology Development 139

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. Projects built using JavaScript-based frameworks often ship large bundles of JavaScript that take time to download, parse and execute, blocking page render and user input in the process. Adrian Bece.

Code 89

Code Performance Network Website 89

Smashing Magazine

AUGUST 18, 2021

Creating An Interactive Gantt Chart Component With Vanilla JavaScript. Creating An Interactive Gantt Chart Component With Vanilla JavaScript. Since the code contains JavaScript modules, you can only run the example from an HTTP server and not from the local file system. Rendering Of The Gantt chart With JavaScript And CSS Grid.

Code 139

Code Servers Development Availability 139

Simform

DECEMBER 1, 2021

JavaScript frameworks have added a whole new dimension to the horizon of web application development. In this article, we’ve discussed the top 15 JavaScript frameworks for front-end and back-end development along with the pros, cons, and famous websites that are using it.

Website 89

Website Technology Technology Development 89

Speed Curve

DECEMBER 10, 2018

JavaScript is the main cause for making websites slow. Ten years ago it was network bottlenecks, but the growth of JavaScript has outpaced network and CPU improvements on today's devices. The following chart shows the growth in the total size of JavaScript from 2011. Certainly the amount of JavaScript has increased.

Website 111

Website Network Code Availability 111

KeyCDN

APRIL 16, 2020

JavaScript is an integral part of any web application and its importance continues to grow. With the expanded demands, an easier means to interface with JavaScript in web development became increasingly important. An example of when and why to use a preexisting JavaScript code can be seen in something as simple as a contact form.

Website 60

Website Games Open Source Code 60

Addy Osmani

OCTOBER 31, 2020

Measuring costly JavaScript with the JavaScript self-profiling API

110

110

The Polyglot Developer

AUGUST 5, 2019

When working with frameworks such as Angular, Vue, and React, there is baked in functionality for making requests, but what about if you’re using vanilla JavaScript or you’d prefer not to use those built in functionalities? In this tutorial we’re going to explore a few options towards making HTTP requests in JavaScript.

Mobile 94

Mobile Development 94

Tim Kadlec

JANUARY 31, 2019

Yesterday there was a bit of a heated discussion around a WebKit issue that suggested putting a limit on the amount of JavaScript a website can load. It doesn’t merely look at JavaScript size, but also CSS, images, fonts and connections. One common worry I saw voiced was “if JavaScript, why not other resources too?”

Tuning 76

Tuning Cache Development Performance 76

DZone

SEPTEMBER 10, 2019

What would happen if I disable JavaScript and then perform automation testing with Selenium ? I have been an automation tester for couple years now, and have been fondly towards Selenium ever since I knew what it’s capable of. Recently, I was pondering about a few questions though! How would a website react then? Is it even possible?

Testing 146

Testing Open Source Website Software 146

Speed Curve

JUNE 15, 2020

When it comes to long JavaScript tasks, how long is too long? New JavaScript CPU metrics. We recently encountered a firsthand example of why monitoring all JavaScript execution time and long tasks is so important. Overall, they didn't remove any JavaScript or lower the amount of execution time. Eliminating long tasks.

Metrics 77

Metrics Best Practices Monitoring Google 77

Speed Curve

FEBRUARY 4, 2019

You guessed it: JavaScript! I use colors to show the high-level categories: orange for JavaScript, purple for Layout, green for Paint, and blue for Loading. Here's a similar chart for mobile: The absolute values are higher for mobile, but the key is that in both charts JavaScript consumes the most browser CPU.

Mobile 70

Mobile Network Performance 70

Simform

FEBRUARY 17, 2022

There are a plethora of JavaScript-based front-end frameworks in the market. In this blog, we have formulated a list of the top 7 front-end JavaScript frameworks commonly preferred today to assist you with an accurate decision. Many of them offer similar features.

Development 52

Development Technology Technology 52

Speed Curve

JUNE 24, 2018

Through the development of new web performance metrics and visualisations, we're now at a point where we can see the true cost of JavaScript, as well as monitor and improve its impact on users. JavaScript Waterfall. In the view below, we've filtered on JavaScript activity longer than 50ms (in red). The cost of JavaScript.

Metrics 69

Metrics Network Website Monitoring 69

The Polyglot Developer

JUNE 17, 2019

We’re going to see how to include image manipulation capabilities in your Angular application using the popular cropperjs JavaScript package. The post Image Cropping, Zooming, and Scaling with Angular and JavaScript appeared first on The Polyglot Developer.

Website 94

Website Development 94

The Polyglot Developer

JULY 16, 2019

To take it a step further, some of those HTTP requests depended on data from other requests creating a mess of asynchronous operations in JavaScript. Remember, Corbin is a JavaScript professional, as demonstrated on the podcast we recorded together titled, Asynchronous JavaScript Development.

Code 75

Code Development 75

CSS Wizardry

JUNE 30, 2023

The DOMContentLoaded event fires once all of your deferred JavaScript has finished running. Putting It to Use I’m working with a client at the moment who is using Nuxt and currently has their client-side JavaScript split into an eyewatering 121 defer red files: Don’t get me started on their TTFB. What Does It Actually Mean?

Metrics 326

Metrics Google Monitoring Analytics 326

Speed Curve

APRIL 2, 2019

As organizations work to improve performance for users around the world on slower networks and devices, the focus on JavaScript continues to grow. LUX's new JavaScript dashboards help to identify the problems and solutions for creating a fast, joyous user experience. Today we've added two more LUX dashboards: JavaScript and JS Errors.

Traffic 55

Traffic Metrics Network Mobile 55

The Polyglot Developer

JULY 8, 2019

The latest episode of The Polyglot Developer Podcast has just published, this time focusing on the use of callbacks, promises, and async / await, in JavaScript. If you’ve ever struggled with wrapping your head around working with remote resources or blocking tasks in JavaScript, this episode should clear things up.

Development 63

Development Open Source 63

The Polyglot Developer

JUNE 16, 2020

In this tutorial, we’re going to use simple JavaScript to find all of the broken links on an entire website, not just the current page. The post Scan for Broken Links on a Website with JavaScript appeared first on The Polyglot Developer.

Website 72

Website Google Engineering Development 72

Simform

AUGUST 26, 2020

The post React vs Ember – A Profound Comparison Between Javascript Frameworks! Are you looking for the best frontend framework to develop your web/mobile app as quickly as possible? Confused between React js and Ember js? Rest assured – we may have an answer for you! appeared first on Insights on Latest Technologies - Simform Blog.

Mobile 79

Mobile Technology Technology Development 79

The Polyglot Developer

JANUARY 22, 2021

In this tutorial, we’re going to look at creating user profiles in a game that leverages the Phaser game development framework, JavaScript, and MongoDB. The post Manage Game User Profiles with MongoDB, Phaser, and JavaScript appeared first on MongoDB.

Games 59

Games Development 59

The Polyglot Developer

MARCH 24, 2020

We’re going to do this with simple JavaScript and HTML. The post Create a Stream Countdown Timer for Twitch with JavaScript appeared first on The Polyglot Developer. In this tutorial, we’re going to see how to create a countdown timer that can be used in your OBS project, or any project for that matter.

Development 72

Development 72

Dynatrace

FEBRUARY 28, 2024

This path includes a JavaScript action called promote_jenkins_build, which triggers an API call to approve the build being considered, leading to the promotion of the build deployment to production. This triggers the disapprove_jenkins_build JavaScript action, which leads to the rejection of the build. Curious to see how it all works?

DevOps 205

DevOps Metrics Engineering Analytics 205

The Polyglot Developer

NOVEMBER 30, 2020

In a previous tutorial titled Building an Autocomplete Form Element with Atlas Search and JavaScript , I wrote about searching for recipes, as they are being typed, in MongoDB Atlas using the autocomplete operator. The post Visually Showing Atlas Search Highlights with JavaScript and HTML appeared first on MongoDB.

Development 59

Development 59

DZone

APRIL 28, 2021

And when it comes to cross browser testing, JavaScript leads from the front? Javascript is probably the best alternative for Selenium automation, considering its protocol transformation to the W3C standard. Among all the JavaScript testing frameworks, two frameworks are most popular- Nightwatch and Protractor.

Testing 237

Testing 237

Dynatrace

NOVEMBER 17, 2023

Within this workflow, a designated task, powered by JavaScript, initiates the build stage of the pipeline job, commencing a new build. Above is a sample JavaScript workflow that extracts data from the Jenkins pipeline via API calls and the dashboard capturing current trends.

Innovation 224

Innovation Architecture Code Processing 224

DZone

SEPTEMBER 20, 2021

If you consider almost any performance testing tool, it will not execute JavaScript. HTML, CSS, and JavaScript are the essential components for any web page/app. If your application has JavaScript functions embedded in the page, JMeter will not execute that. JMeter Is Not a Browser.

Testing Tools 329

Testing Tools Performance Testing Testing Performance 329

The Polyglot Developer

AUGUST 10, 2020

The post Building an Autocomplete Form Element with Atlas Search and JavaScript appeared first on MongoDB. These suggestions can be easily created using the full-text search features available in Atlas Search.

Programming 72

Programming Availability Development 72

The Polyglot Developer

SEPTEMBER 15, 2021

The post Download and Cache YouTube Data in an Eleventy Website with Simple JavaScript appeared first on The Polyglot Developer. To make things better, we’re going to see how to cache this data to prevent making too many requests to an API that has a finite allocation.

Cache 59

Cache Website Development 59

The Polyglot Developer

AUGUST 1, 2018

The post Simple Data Processing With JavaScript And The HERE API appeared first on The Polyglot Developer. We’re going to see how to take a CSV file representing partially complete people data and convert it to JSON. Then we’re going to fill in the gaps when it comes to the geolocation side of things, using the HERE Geocoder API.

Processing 83

Processing Development 83

CSS - Tricks

JUNE 5, 2020

But where Zopfli leveraged existing compression techniques, Brotli was written from the ground-up and squarely focused on text compression to benefit static web assets, like HTML, CSS, JavaScript and even web fonts. You can see the raw data below.Note that the savings for CSS is much more prominent than what JavaScript gets.

Cache 79

Cache Website Servers Open Source 79