Smashing Magazine

DECEMBER 27, 2021

Building Gatsby Themes For WordPress-Powered Websites. Building Gatsby Themes For WordPress-Powered Websites. With Gatsby, you can pull data from (almost) anywhere and use it to generate static or dynamic websites. In this article, I would like to share some concepts that I have learned from this transition.

Website 134

Website Open Source Code Availability 134

Jos

APRIL 6, 2018

We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. The article will be using Preact/React, yet the ideas can be applied to any other component library.

Code 147

Code Performance Media Google 147

DZone

FEBRUARY 3, 2023

Retrieving the page source of a website under scrutiny is a day-to-day task for most test automation engineers. Analysis of the page source helps eliminate bugs identified during regular website testing, functional testing, or security testing drills. Notifies the person responsible for the URL of the page.

Website 183

Website Programming Code Testing 183

Smashing Magazine

NOVEMBER 24, 2021

A Showcase Of Lovely Little Websites. A Showcase Of Lovely Little Websites. Oh, and if you’ve come across a website that you feel is too good to keep to yourself, please don’t hesitate to share it in the comments below. If you want to take a closer look under the hood, the source codes are available on Codepen.

Website 134

Website Design Open Source Games 134

Smashing Magazine

SEPTEMBER 24, 2021

Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). The code you write visualizes instantly in your browser and productivity goes through the sky. Lint And Format Your Code. Jonne Kats. 2021-09-24T10:00:00+00:00.

Website 132

Website Code Servers Analytics 132

CSS Wizardry

MAY 31, 2019

One of the quickest wins—and one of the first things I recommend my clients do—to make websites faster can at first seem counter-intuitive: you should self-host all of your static assets, forgoing others’ CDNs/infrastructure. I won’t go into too much detail in this post, because I have a whole article. It’s convenient.

Cache 277

Cache Latency Infrastructure Website 277

CSS - Tricks

SEPTEMBER 21, 2020

Gerry McGovern asked if I had any insight into energy consumption and websites. Say you saved a complete copy of your website every time you deployed it. Jack Lenox’s article “How Improving Website Performance Can Help Save The Planet” on Smashing is a better deep dive. Website traffic.

Website 98

Website Energy Storage Efficiency 98

Smashing Magazine

OCTOBER 18, 2021

Powered E-Commerce Website (Case Study). Powered E-Commerce Website (Case Study). Barry Pollard has written an excellent in-depth article about CLS. Note : Paul Irish has written an excellent article on this topic. There are also some other issues we faced through many pages in our website which contribute to CLS.

Website 120

Website Google Metrics Testing Tools 120

CSS Wizardry

OCTOBER 16, 2023

I began writing this article in early July 2023 but began to feel a little underwhelmed by it and so left it unfinished. Given that 66% of all websites (and 77% of all requests ) are running HTTP/2, I will not discuss concatenation strategies for HTTP/1.1 in this article. If you are still running HTTP/1.1,

Cache 353

Cache Latency Strategy Speed 353

Smashing Magazine

SEPTEMBER 20, 2021

Are Imposter Domains Re-Publishing Your Website? Are Imposter Domains Re-Publishing Your Website? We explore how you can use web analytics or real user measurement data on your website to get insight into any imposter domains re-publishing your work. Ken Harker. 2021-09-20T11:30:00+00:00. 2021-09-20T14:12:33+00:00.

Website 108

Website Analytics Google Cache 108

Smashing Magazine

JUNE 26, 2019

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. What I didn’t know before writing it was that her agency was struggling to optimize their mobile websites for speed. Clean coding practices. In this case, my website is “slow”, even when served on 4G networks.

Website 111

Website Speed Mobile Design 111

Dynatrace

DECEMBER 16, 2021

In this article, we’ll answer some of the most frequently asked questions about the Log4Shell vulnerability, and continue to add on as new questions come up. The vulnerability enables an attacker to gain control over a string and trick the application into requesting and executing malicious code under the attacker’s control.

Internet 264

Internet Internet Games Java 264

Jos

APRIL 5, 2018

We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. The article will be using Preact/React, yet the ideas can be applied to any other component library.

Code 130

Code Performance Google Media 130

Smashing Magazine

SEPTEMBER 3, 2019

Automating Website Deployments Through Buddy. Automating Website Deployments Through Buddy. This is a sponsored article.) Managing the deployment of a website used to be easy: It simply involved uploading files to the server through FTP and you were pretty much done. Leonardo Losoviz. 2019-09-03T12:30:00+02:00.

Website 89

Website Serverless AWS Lambda 89

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. It’s a common misconception that the code which is produced by the framework build tools (Webpack, for example) is fully optimized and cannot be improved upon any further. The answer lies in code-splitting.

Code 104

Code Performance Network Website 104

Smashing Magazine

FEBRUARY 22, 2023

Most of us have probably experienced the situation that you left a website due to its unbearable slowness. According to the MDN Web Docs , “web performance is the objective measurement and perceived user experience of a website or application”. However, before moving on, let’s actually define the term.

Website 124

Website Performance Ecommerce Technology 124

Smashing Magazine

MARCH 6, 2025

How To Fix Largest Contentful Issues With Subpart Analysis How To Fix Largest Contentful Issues With Subpart Analysis Matt Zeunert 2025-03-06T10:00:00+00:00 2025-03-06T14:50:25+00:00 This article is sponsored by DebugBear The Largest Contentful Paint (LCP) in Core Web Vitals measures how quickly a website loads from a visitors perspective.

Website 59

Website Google Speed Metrics 59

Dynatrace

JULY 18, 2023

An advanced observability strategy includes end user experience monitoring to evaluate digital experiences—such as a website or mobile application—from the user’s perspective. However, it is more challenging to discover and remediate vulnerabilities when you don’t own the application code. Ready to learn more? Download white paper now!

Government 246

Government Infrastructure Monitoring Database 246

Jos

JUNE 2, 2018

There was something gratifying in taking a code that takes minutes to run and make it run in a handful seconds. Normally the team decides how well to cover and test the code, and it’s important that all developers in a team know how to write tests. What happens when a browser tries to load a website? Most of us have been there.

Performance 237

Performance Speed Google Media 237

Smashing Magazine

JUNE 28, 2021

Creating Custom Emmet Snippets In VS Code. Creating Custom Emmet Snippets In VS Code. It’s a collection of mostly <head> tags and attributes I usually use on every website I build. It’s a collection of mostly <head> tags and attributes I usually use on every website I build. Manuel Matuzovi?.

Code 103

Code Social Media Media Website 103

Dynatrace

JULY 22, 2024

In this article, we’ll cover OpenTelemetry 101: what it is, how it works, and why it’s important for modern software development. Instrumentation involves adding code to your application to collect this tracking information, akin to installing security cameras in a store to monitor customer movement and behavior.

Latency 264

Latency Best Practices Metrics Open Source 264

Smashing Magazine

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. But as it stands, websites are growing ever more obese, which means that the energy demand of the Internet is continuing to grow exponentially. Jack Lenox. 2019-01-15T13:30:32+01:00. 2019-04-29T18:34:58+00:00.

Website Performance 78

Website Performance Website Energy Performance 78

Smashing Magazine

SEPTEMBER 27, 2021

This third kind of testing will be the focus of this article. Makes sense — with these measures, we can ensure that our application is working correctly and that no future changes will break our code. Explaining this and its advantages and drawbacks would be enough for its own article. This is a valid question.

Testing 138

Testing Website Code Efficiency 138

Smashing Magazine

SEPTEMBER 16, 2021

Reasons To Build A CRM-Powered Website For Your Business. Reasons To Build A CRM-Powered Website For Your Business. Most businesses today rely on simple brochure websites for their online presence. A CMS can generate a website and allows non-technical teams to create and manage pages and content. Zara Cooper.

Website 79

Website C++ Virtualization Development 79

KeyCDN

MARCH 22, 2023

More and more website owners and businesses are affected by devastating security breaches. Thus, the issue of security is increasingly becoming a major concern for website owners and web developers. This article contains some practical tips to eliminate malwares from which attackers take advantage.

Website 60

Website Servers Ecommerce Code 60

Scalegrid

SEPTEMBER 16, 2019

Procedural language debugger helps you to debug your code. pgAdmin can be downloaded from their official website. You can easily create and edit SQL statements with its visual SQL builder, and the powerful code auto-completion saves you a lot of time and helps you avoid mistakes. pgAdmin uses too many resources.

Open Source 262

Open Source Database Azure Cloud 262

DZone

MAY 10, 2019

It helps to write and run repeatable automated tests to ensure your code runs as intended. The framework offers support to Selenium for automation testing for web apps or websites. This article is my attempt to help you use JUnit annotations in Selenium as a professional tester would.

Open Source 127

Open Source Java Website Testing 127

Smashing Magazine

MAY 12, 2022

These days it is fairly uncommon to encounter a new website or web app that doesn’t rely on some framework, or a platform such as a CMS. Recently Noam Rosenthal published two articles analyzing the common benefits and capabilities provided by various frameworks , and also their associated costs. Dan Shappir. 2022-05-12T09:30:00+00:00.

Google 136

Google Performance Website Mobile 136

Smashing Magazine

JULY 18, 2022

If you think that static rendering is limited to generic, public content that is the same for every user of your website, you should definitely read this article. The witty jokes in each article are only visible to paid users. If the user is paid, the server returns the full article directly as HTML. Eric Burel.

Cache 127

Cache Website Servers Energy 127

Smashing Magazine

SEPTEMBER 17, 2021

In this article, I’ll be explaining how I’ve used Gatsby Functions and the Stripe API to enable secure “Pay what you want” contributions that help fund my open-source project MDX Embed. For example, website pages are located in src/pages and Serverless Functions are located in src/api. your website uses its own functions.

Open Source 130

Open Source Serverless Software Software 130

Smashing Magazine

AUGUST 20, 2021

The world’s first website was made from static HTML files created in a text editor. Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. Mike Neumegen. released 1998.

Ecommerce 142

Ecommerce Website Government Internet 142

Smashing Magazine

DECEMBER 2, 2021

As you’ll see, each and every one of these calendars are sure to cater for a daily dose of web design and development goodness with stellar articles, inspiring experiments, and even puzzles to solve. To make the advent season even sweeter for JVM enthusiasts, there will be a new article about JVM-related topic everyday. Advent of Code.

Design 120

Design Development Programming Website 120

Smashing Magazine

MARCH 2, 2021

This requires your website or application to be heavily optimized for mobile. One of the famous examples is Flipkart , India’s largest e-commerce website. For a while, Flipkart adopted an app-only strategy and temporarily shut down its mobile website altogether. This optimization is quite complex in nature though.

Mobile 142

Mobile Testing Website Benchmarking 142

Smashing Magazine

NOVEMBER 2, 2021

Creating A Magento PWA: Customizing Themes vs. Coding From Scratch. Creating A Magento PWA: Customizing Themes vs. Coding From Scratch. However, at the end of 2020, about 1% of websites included a Service Worker, and 2.2% One of the reasons for that is because a PWA has the same code base. Alex Husar. What Does This Mean?

Code 90

Code Cache Mobile Retail 90

Smashing Magazine

JULY 27, 2021

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. In this article, we’ll build a website (a tea shop!) Let’s learn these techniques by applying them to a website project. Then, we’ll remove everything in the styles/ directory (it’s all sample code).

Website 144

Website Design Best Practices Code 144

Smashing Magazine

JULY 20, 2021

WordPress is the most used website builder in the world; almost half of the web has used WordPress to create their website. It makes sense, because it allows you to quickly create websites and has a rich plugin’s ecosystem to help you scale your site. Headless CMS Explained In 5 Effective Minutes ”.

Website 145

Website Architecture Technology Technology 145

The Netflix TechBlog

FEBRUARY 16, 2021

Operational Efficiency: The majority of the changes require metadata configuration files and library code changes, usually taking days of testing and service release to adopt the updates. Besides, the mixed-use of the metadata files and business logic code adds another layer of maintenance complexity.

Mobile 214

Mobile Engineering Infrastructure Scalability 214