Jos

APRIL 6, 2018

Componentization has marked a before and after in web development. We are explicit about our dependencies, so we know what code we need to run to run a specific component. We are explicit about our dependencies, so we know what code we need to run to run a specific component.

Code 147

Code Performance Media Google 147

Jos

APRIL 5, 2018

Componentization has marked a before and after in web development. We are explicit about our dependencies, so we know what code we need to run to run a specific component. We are explicit about our dependencies, so we know what code we need to run to run a specific component. Code coverage tab on Google Chrome ( source ).

Code 130

Code Performance Google Media 130

Dynatrace

JANUARY 26, 2021

VMware commercialized the idea of virtual machines, and cloud providers embraced the same concept with services like Amazon EC2, Google Compute, and Azure virtual machines. AWS Lambda functions are an example of how a serverless framework works: Developers write a function in a supported language or platform. Pay Per Use.

Serverless 245

Serverless Efficiency Lambda Azure 245

Smashing Magazine

JANUARY 16, 2023

These metrics are used by Google to evaluate the quality of user experience. Since recently becoming a ranking factor, this major web performance KPI is still a new concept for many web developers. Let’s illustrate the browser’s behavior with an example using our previous code: <img src="image-300.png". srcset=" image-300.png

Media 107

Media Mobile Website Metrics 107

Tasktop

AUGUST 23, 2021

By bringing the development and operations teams together, elite performers again separated themselves from the competition by shortening the feedback loop by another order of magnitude. There are redundant fields, confusing lexicon – the type of stuff that works great in a developer-led demo, but terribly for the rest of us.

Software 52

Software Software Development Social Media 52

Smashing Magazine

NOVEMBER 17, 2022

In that case, you can always use the <picture> HTML tag, as shown in the code below, so that the browser can pick the image format supported in the order provided. <picture> As developers, it is in the palm of our hands to improve the UX and make the layout shifts less likely to happen. demo-image.jpeg.

Media 108

Media Cache Website Mobile 108

Smashing Magazine

MAY 25, 2021

The font-display property for @font-face gave that choice to the web developer whereas previously the browser decided that (IE and Edge favored FOUT in the past, whereas the other browsers favored FOIT). A number of sites moved to font-display: swap when this first came out, and Google Fonts even made it the default in 2019.

Operating System 144

Operating System Google Website Cache 144

Smashing Magazine

MAY 6, 2019

According to the native lazy loading specification (still under development), if you want to lazy load images or iframes using the native lazy loading feature, you would just need to add the loading=lazy attribute on the related tag. <img It’s not very hard to write the JavaScript code required to perform these operations on your own.

Website 104

Website Best Practices Media Open Source 104

Dean Hume

JULY 30, 2018

Loading most web pages over a 2G signal can be painfully slow, but up until now, developers didn’t have the means to accurately determine a users connection speed and adjust the content of their web pages accordingly. Enough with the talking - let’s get started with some code! and add the following code. "use The basics.

Network 78

Network Speed Google Mobile 78

Tasktop

JUNE 20, 2019

But here’s the rub: Agile development teams do not work in isolation. And why, in lieu of a single tool or process, organizations need to identify and eliminate long cycles and wait times within development itself, and beyond. The disconnect between the business and Agile development.

Development 45

Development DevOps Google Innovation 45

Adrian Cockcroft

NOVEMBER 26, 2023

Google Cloud and Microsoft Azure released Scope 3 data in 2021. For re:Invent 2021 my team (but mostly Elise Greve) persuaded the re:Invent organizers to include Sustainability as a track code, and that was repeated for 2022 and now for 2023.

AWS 52

AWS Energy IoT Best Practices 52

Testsigma

JANUARY 29, 2021

The rise of mobile internet usage is evident across developed economies as well as developing ones (India, Bangladesh, etc.)[3]. You also gain an upper edge over your competition when mobile website testing is an integral part of the product development roadmap. online shopping, bill payments, etc.) Mobile-first indexing.

Website 98

Website Mobile Testing Strategy 98

Smashing Magazine

JANUARY 11, 2021

Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers? You can download the spreadsheet as Google Sheets, Excel, OpenOffice document or CSV.

Performance 145

Performance Cache Media Metrics 145

Dynatrace

SEPTEMBER 17, 2019

End-to-end code-level tracing. What we need though is data that is automatically connected with context for k8s administrators, architects and developers to better understand what is going in the part of k8s that’s relevant to them and how does it impact those parts that are relevant for their colleagues. Full-stack observability.

AWS 128

AWS Monitoring Ecommerce Lambda 128

Smashing Magazine

SEPTEMBER 15, 2021

When front-end developers hear “pseudo-elements”, we think of ::before and ::after more often than not, as we use them in various ways to add decorations to our elements. Interestingly, after years of web development, I never found myself using ::first-line , but it’s pretty neat and responds well to window resizing! Check it out.

Internet 137

Internet Internet Google Design 137

Dean Hume

JULY 30, 2018

Loading most web pages over a 2G signal can be painfully slow, but up until now, developers didn’t have the means to accurately determine a users connection speed and adjust the content of their web pages accordingly. Enough with the talking - let’s get started with some code! and add the following code. "use The basics.

Network 40

Network Speed Google Mobile 40

Dean Hume

JULY 30, 2018

Loading most web pages over a 2G signal can be painfully slow, but up until now, developers didn’t have the means to accurately determine a users connection speed and adjust the content of their web pages accordingly. Enough with the talking - let’s get started with some code! and add the following code. "use The basics.

Network 40

Network Speed Google Mobile 40

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? So every time a conversation about further development happens, performance is a part of that conversation as well.

Performance 145

Performance Cache Network Metrics 145

Dynatrace

JULY 11, 2019

If you want to know more about keptn, I encourage you to check out www.keptn.sh , “What is keptn and how to get started” (blog), “Getting started with keptn” (YouTube) or my slides on Shipping Code like a keptn. A quick google search reveals several articles on Prometheus performance optimizations we should look into.

Open Source 43

Open Source Metrics Monitoring Cloud 43

Dean Hume

AUGUST 8, 2017

Watching videos of developers showcasing their work is definitely one of my favourite ways of learning new things! As he was demoing his code, I noticed that he created an awesome little helper library to lazy load images. I’ve taken his initial code and and tweaked it slightly to make it easier for me to understand.

Code 58

Code Website Media Efficiency 58

Smashing Magazine

MARCH 7, 2022

These allow web developers to change their websites, based on various user preferences: prefers-reduced-motion. The BrowserLeaks demo above actually cheats, by loading that data in an iframe rather than in the main document, to get around this.

Website 105

Website Media Mobile Network 105

KeyCDN

DECEMBER 8, 2022

Few web developers completely dismiss WordPress, claiming it is too slow. KeyCDN Website Speed Test, GTmetrix, Google PageSpeed Insights, WebPageTest, and Pingdom Tools are some great choices. But before installing any plugin, you must ensure that the plugin is well-coded and properly optimized for performance.

Cache 52

Cache Website Speed Website Performance 52

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are?

Performance 104

Performance Cache Metrics Network 104

Dean Hume

AUGUST 8, 2017

Watching videos of developers showcasing their work is definitely one of my favourite ways of learning new things! As he was demoing his code, I noticed that he created an awesome little helper library to lazy load images. I’ve taken his initial code and and tweaked it slightly to make it easier for me to understand.

Code 40

Code Website Media Efficiency 40

Dean Hume

AUGUST 8, 2017

Watching videos of developers showcasing their work is definitely one of my favourite ways of learning new things! As he was demoing his code, I noticed that he created an awesome little helper library to lazy load images. I’ve taken his initial code and and tweaked it slightly to make it easier for me to understand.

Code 40

Code Website Media Efficiency 40

Smashing Magazine

APRIL 29, 2021

It’s an initiative by Google to share unified guidance for quality signals that can be key to delivering a great user experience on the web. CWV is part of a set of page experience signals Google Search will be evaluating for ranking. From Speed at Scale with Katie Hempenius and I at Google I/O. Large preview ). Large preview ).

Media 145

Media Network Metrics Mobile 145

The Netflix TechBlog

FEBRUARY 13, 2020

Brief overview of image coding formats The JPEG format was introduced in 1992 and is widely popular. This is followed by quantization and entropy coding. With the motion extension, it was accepted as the video coding standard for digital cinema in 2004. The webp format was introduced by Google around 2010. 264, a.k.a.

Code 218

Code Metrics Efficiency Open Source 218

O'Reilly

NOVEMBER 28, 2023

Even with cloud-based foundation models like GPT-4, which eliminate the need to develop your own model or provide your own infrastructure, fine-tuning a model for any particular use case is still a major undertaking. Training models and developing complex applications on top of those models is becoming easier.

Open Source 111

Open Source Artificial Intelligence Google Infrastructure 111

O'Reilly

MARCH 23, 2023

It can explain code that you don’t understand, including code that has been intentionally obfuscated. ChatGPT and friends include: ChatGPT itself Developed by OpenAI; based on GPT-3.5 and 4 Large language models developed by OpenAI. Kosmos-1 Developed by Microsoft, and trained on image content in addition to text.

Google 107

Google Open Source Programming Code 107

Smashing Magazine

DECEMBER 27, 2021

I used to design and develop WordPress themes. Development Setup. But what does the development setup looks like? Our themes are two independent packages, but we need to work on them in parallel within a single project during the development. By the way, you are not limited to a single demo. Large preview ).

Website 129

Website Open Source Code Availability 129

Smashing Magazine

AUGUST 25, 2021

To make the development experience faster, I moved all the PHP packages required by my projects to a monorepo. When each package is hosted on its own repo (the “multirepo” approach), it’d need be developed and tested on its own, and then published to Packagist before I could install it on other packages via Composer.

Google 95

Google Code Engineering Strategy 95

The Netflix TechBlog

FEBRUARY 20, 2019

Introducing BCC / eBPF visualisations The Netflix performance engineering team (especially my colleague Brendan) has been contributing to eBPF since its beginning in 2014, including developing many open source performance tools for BCC such as execsnoop, biosnoop, biotop, ext4slower, tcplife, runqlat, and more.

Performance 214

Performance Latency Open Source Metrics 214

Abhishek Tiwari

NOVEMBER 3, 2018

Unfortunately, due to the lack of a good developer experience (DX) total cost of ownership of a traditional CMS and implementation failure rate remains all-time high. They often get blindsided by vendor’s pitch and end-up making decision based on some fancy demos (see my post from 2014 on Adobe AEM ).

Systems 63

Systems Cache Website Network 63

Smashing Magazine

SEPTEMBER 7, 2021

Browser developer tools keep evolving, with new and improved features added all the time. CSS scroll-snapping offers web developers a way to control the position at which a scrollable container stops scrolling. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons.

Google 99

Google Open Source Code Media 99