Smashing Magazine

OCTOBER 8, 2021

We can use 11ty’s new Serverless mode to build them on request using Netlify’s On-Demand Builders to cache each Madlib. Sanity pairs a real-time data store with three open-source tools: a powerful query language (GROQ), a CMS (Sanity Studio), and a rich-text data specification (Portable Text). Large preview ). Portable Text.

Serverless 77

Serverless Cache Open Source Code 77

Smashing Magazine

SEPTEMBER 2, 2021

Image source: Elevator Saga ). Screeps is an open-source massive multiplayer online real-time strategy game that lets you use real JavaScript code to build a colony, mine resources, conquer territory, and more. Image source: Service Workies ). So you’ll not only brush up on your JavaScript but also on using a foreign API.

Development 145

Development Games Education Programming 145

Smashing Magazine

AUGUST 20, 2021

I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. It was a battle of not only proprietary vs open source but also static vs dynamic. Smashing Magazine powered by Netlify. With MovableType, you had everything you needed to manage your blog. MovableType really was before its time.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. Software Development Kits (SDKs) for various technologies, languages and platforms are available directly from the Headless vendor, an open-source initiative or a third-party. Technical and sales support.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. It is an open-source AV1 image file format for storing still and animated images with better lossy and lossless compression than most popular formats on the web today, offering a 50% saving in file size compared to JPEG. . <picture> Cache Your Images.

Media 106

Media Cache Website Mobile 106

Smashing Magazine

AUGUST 3, 2023

For Performance Monitoring Many of you reading this may already be familiar with Next.js, but it is a popular open-source JavaScript framework that allows us to monitor our website’s performance in real-time. It also opens up the possibility for more effective use of caching strategies, potentially enhancing load times further.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

NOVEMBER 22, 2021

There are various performance budgeting products and open-source tools available, but we decided to create our own custom budgeting service called Perfer. Source: HTTP Archive's Core Web Vitals Technology Report.) ( Large preview ). The results of some of these APIs are also cached in a CDN as appropriate.

Website 126

Website Performance Google Media 126

Smashing Magazine

APRIL 29, 2022

Partytown is a lightweight open-source solution that reduces execution delays due to third-party JavaScript by offloading third-party scripts to web workers, which run in background threads. document.write() ) known to be harmful to the user experience; Excessive DOM elements or expensive CSS selectors. It’s maintained by Builder.io

Website 81

Website Google Open Source Mobile 81

Smashing Magazine

MAY 17, 2021

Lighthouse also caught a cache misconfiguration that prevented some of our static assets from being served from our CDN. We are hosted on Google Cloud Platform, and the Google Cloud CDN requires that the Cache-Control header contains “public”. The first easy win came from an experimental Next.js Large preview ).

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

SEPTEMBER 6, 2021

This approach was touted to be better for fine-grained caching because each subresource could be cached individually and the full bundle didn’t need to be redownloaded if one of them changed. Upon receipt of a valid Alt-Svc header indicating HTTP/3 support, the browser will cache this and try to set up a QUIC connection from then on.

Network 105

Network Servers Cache Traffic 105

Smashing Magazine

JUNE 2, 2021

The project consisted of upgrading the shop software to our own open-source system and redoing the shop’s front end from scratch. And while you can usually cache the full page of an article, the same is not true of many shop pages and elements. Working with jewellerybox on its online store was a welcome change of pace for us.

Performance 116

Performance Cache Website Mobile 116

Smashing Magazine

JUNE 1, 2022

You can adjust what browser is used, the kind of network connection to employ, the locations to test from, whether or not the browser’s cache is empty or full, how frequently to take the measurements, and more. A new open-source project called Partytown provides a library that implements a communications layer to make this work.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

NOVEMBER 4, 2021

Worked on that full-time open source for about three years I think. I think is that when you, I don’t know, I’m just thinking off the top of my head here, but when you deploy your website, maybe we translate all those React URLs to instead come from Skypack, that way they’re well cached and all that sort of thing. Drew: Yeah.

Media 88

Media Website Architecture Servers 88

Smashing Magazine

AUGUST 22, 2021

However, TCP is typically implemented in the operating system’s (OS’) kernel, a secure and more restricted environment, which for most OSes isn’t even open source. Examples include repeat visits on well-cached pages and background downloads and API calls in single-page apps. also needs to execute.

Performance 106

Performance Network Latency Servers 106

Smashing Magazine

JANUARY 21, 2019

Native Client-Side Cache/Data Store. For instance, the returned data for each request can be added into a client-side cache containing all data requested by the user throughout the session. And just by iterating all the values under modulesettings["share-on-social-media"].modules Extensibility And Re-purposing.

Social Media 64

Social Media Database Media Website 64

Smashing Magazine

JUNE 8, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Optimizing Network Requests with Caching and Preloading. +.

Media 106

Media Cache Google Best Practices 106

Smashing Magazine

APRIL 28, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Optimizing Network Requests with Caching and Preloading. +.

Media 93

Media Cache Google Best Practices 93

Smashing Magazine

JANUARY 11, 2021

Build Optimizations JavaScript modules, module/nomodule pattern, tree-shaking, code-splitting, scope-hoisting, Webpack, differential serving, web worker, WebAssembly, JavaScript bundles, React, SPA, partial hydration, import on interaction, 3rd-parties, cache. This improves page load time and caching during navigations.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

dashboard (open source), SpeedCurve and Calibre are just a few of them, and you can find more tools on perf.rocks. PRPL stands for Pushing critical resource, Rendering initial route, Pre-caching remaining routes and Lazy-loading remaining routes on demand. Large preview ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

APRIL 29, 2021

Lighthouse is an open-source, automated tool for improving the quality of web pages. will optimize images dynamically upon request and store them in a local cache. By reducing main-thread CPU usage, FID can also be reduced. Lighthouse. 33KB vs 325KB) and uses a more modern format (WebP). Large preview ). Note: Next.js

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

JANUARY 7, 2019

dashboard (open source), SpeedCurve and Calibre are just a few of them, and you can find more tools on perf.rocks. PRPL stands for Pushing critical resource, Rendering initial route, Pre-caching remaining routes and Lazy-loading remaining routes on demand. There are many tools allowing you to achieve that: SiteSpeed.io

Performance 104

Performance Cache Metrics Network 104