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. If you see authors turning to other authoring tools such as Google Docs for its commenting or suggestions capabilities, it may be a red flag as to what features you are missing. Technical and sales support. Native SDKs.

Cache 145

Cache Website Mobile Google 145

Smashing Magazine

SEPTEMBER 29, 2021

The AV1 image file format (AVIF) is an open-source image format for storing still and animated images. It was released in February 2019 by the Alliance for Open Media (AOMedia). The goal was to develop a new open-source video coding format that is both state-of-the-art and royalty-free. Jump to table of contents ?.

Open Source 145

Open Source Speed Website Google 145

Smashing Magazine

AUGUST 12, 2021

Google Fonts. Google Sheets sync. The plugin supports copy and paste from Excel, Google sheet, Numbers and it also can sync with Google Sheets and remote JSON. Still, the plugin is open-source, has a large community around it, and the creators are actively maintaining it. Google Fonts Pairings for Figma.

Google 145

Google Design Code Mobile 145

Smashing Magazine

APRIL 29, 2022

The average user doesn’t spend much time waiting for a web page to load or to interact with the page: According to Google, if a page’s load time goes up from 1 second to 3 seconds, the probability of the user bouncing increases by 32%. Consider Google Analytics, which collects and sends tracking data using navigator.sendBeacon().

Website 98

Website Google Open Source Mobile 98

Smashing Magazine

JUNE 8, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome who was working all around web performance for decades. Addy Osmani is an engineering manager working on Google Chrome. Let’s figure it all out. Download PDF , ePUB , Kindle. Thanks for being smashing! ??.

Media 124

Media Cache Google Best Practices 124

Smashing Magazine

NOVEMBER 22, 2021

A website’s performance can make or break its success, yet in August 2020, despite many improvements we had previously made, such as implementing Server-Side Rendering (SSR), the ratio of Wix websites with good Google Core Web Vitals (CWV) scores was only 4%. Source: HTTP Archive's Core Web Vitals Technology Report. Large preview ).

Website 141

Website Performance Google Website Performance 141

KeyCDN

OCTOBER 2, 2018

It also includes a handy CSS reference, a web development experiment playground, tutorials, blueprints to get started from and Collective - a digital design magazine that makes it easy to keep up with trends. Smashing Magazine Smashing Magazine is an established resource for those who want to master the front end.

Development 75

Development Website Design Code 75

Smashing Magazine

MAY 17, 2021

Last year, Google started emphasizing the importance of Core Web Vitals and how they reflect a person’s real experience when visiting sites around the web. It wasn’t long before a sea of red “poor” and yellow “needs improvement” notices in our Google Search Console needed our attention. How We Improved Our Core Web Vitals (Case Study).

Google 111

Google Analytics Serverless Metrics 111

Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. Addy Osmani is an engineering manager working on Google Chrome. Let’s figure it all out. Download PDF , ePUB , Kindle. Thanks for being smashing! ??. About the Author.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

DECEMBER 27, 2021

Gatsby is an open-source framework built on top of React. module.exports = { plugins: [ { resolve: `@pehaa/gatsby-theme-wp-child`, options: { wordPressUrl: process.env.GATSBY_WP_URL, fonts: { google: [{family: "Rubik"}], }, }, }, ], }. Further Reading On Smashing Magazine. Paulina Hetman. 2021-12-27T10:30:00+00:00.

Website 134

Website Open Source Code Availability 134

Smashing Magazine

SEPTEMBER 7, 2021

Chromium is an open-source project that Chrome, Edge, Brave, and other browsers are built upon. Two of the most active contributors to this project are Google and Microsoft and, when it comes to DevTools, they collaborated on a few interesting features that I’d like to go over now. Large preview ). Localization. Chrome DevTools.

Google 103

Google Open Source Code Media 103

Smashing Magazine

DECEMBER 14, 2021

Selenium WebDriver is open source; It offers bindings for every major programming language; Works across multiple OS. Puppeteer is a Node library developed by Google which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol. It mimics a real user interacting with the webpage.

Testing 117

Testing Network Website Google 117

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf.

Performance 52

Performance Latency Cache Virtualization 52

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. Large preview ).

Media 125

Media Cache Website Mobile 125

Smashing Magazine

JUNE 1, 2022

The most popular, by far, is the Google Lighthouse report (available in Chrome Developer Tools) and Google’s Page Speed Insights. Configuring WebPageTest to run a test measurement that simulates a failure of the Google Fonts third-party service. These tools fall into several categories. Large preview ). Large preview ).

Website 138

Website Design Network Testing 138

Smashing Magazine

JULY 21, 2021

They’ve open sourced it, so your team can make use of it, too: Say hello to ColorBox ! Google, But For Colors. To prevent misunderstandings, the design team at Lyft came up with their very own color system which is easy to learn for designers and developers while taking accessibility into account at the same time.

Social Media 145

Social Media Design Media Code 145

Smashing Magazine

MAY 6, 2019

in which he stated that the Google Chrome team are already developing the feature and intend to ship it in Chrome 75. When a new browser technology is released to a single browser, the open-source community usually releases a JavaScript polyfill to provide the same technology to the rest of the browsers. No Use For A Polyfill.

Website 106

Website Best Practices Open Source Media 106

Smashing Magazine

OCTOBER 23, 2021

Quasar Framework is an open-source Vue.js-based Firebase is application development software from Google that enables us to develop iOS, Android, and web apps. Let’s also disable Google Analytics because ours is a mini-app. version 10 or above and npm version 5 or above installed on your machine. What Is Quasar Framework?

Database 129

Database Code Mobile Google 129

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. Lighthouse is an open-source, automated tool for improving the quality of web pages.

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

SEPTEMBER 6, 2021

Luckily, multiple companies have been working on open-source QUIC and HTTP/3 implementations for over five years now, so we have several mature and stable options to choose from. mvfst (Facebook), MsQuic , (Microsoft), (Google), ngtcp2 , LSQUIC (Litespeed), picoquic , quicly (Fastly). Source: caniuse.com ) ( Large preview ).

Network 120

Network Servers Cache Traffic 120

Speed Curve

OCTOBER 19, 2015

Steve first experienced performance budgets while Head Performance Engineer at Google. In the chart below, we can see why Smashing Magazine is so much faster - they're simply delivering a lot less JavaScript. Performance budgets are an important tool for ensuring your site is delivering a great user experience.

Performance 45

Performance Benchmarking Metrics Media 45

Smashing Magazine

AUGUST 3, 2023

While paid marketing strategies like Google Ads play a part in our approach as well, enhancing our organic traffic remains a major priority. It was only in 2020, though, that Google shared its concept of Core Web Vitals and how it impacts SEO efforts. SEO is key to our success. Bookaway site search. Here’s how we do it at Bookaway.

Performance 78

Performance Cache Traffic Metrics 78

Smashing Magazine

NOVEMBER 2, 2021

When dealing with e-commerce at some point, you probably have heard, and perhaps used Magento, an open-source e-commerce platform. Hence, they can’t be promoted separately or found by users who’ve input a search query in Google. As shown on the screenshots below, the product page of the store can be found via Google.

Code 90

Code Cache Mobile Retail 90

Smashing Magazine

NOVEMBER 4, 2021

Worked on that full-time open source for about three years I think. I think Jason Miller of Google came up with this terminology. Matthew: Yeah, well, I’ve been working on front-end web development for a long time, probably six or seven years. The previous company, I was one of the maintainers of canjs, front end framework.

Media 106

Media Website Architecture Servers 106

Smashing Magazine

NOVEMBER 5, 2018

It has been brought to our attention that this piece is a reworded version of an article published on the Google Web Fundamentals site, written by our friend Jeremy Wagner. ffmpeg is a free and open source command line tool that is designed for the processing of video and audio files. Ayo Isaiah. 2018-11-05T14:30:14+01:00.

Performance 64

Performance Website C++ Open Source 64

Smashing Magazine

JUNE 28, 2021

It’s Chakra templates, I guess, is the open source solution to Chakra Pro or the open-source competitor. A framework, but it feels better to introduce you to the stack in a hands-on manner because, every developer who’s got a lot of experience is good at going for documentation and Googling and using stack overflow.

Website 71

Website Design Open Source Code 71

Rigor

SEPTEMBER 11, 2019

Rachel is the Editor-in-Chief of Smashing Magazine, a British web developer, writer, and speaker. Jake is a developer advocate at Google working with the Chrome team to develop and promote web standards and developer tools, as well as a contributor to the Chromium blog. Vitaly is a co-founder of the Smashing Magazine brand.

Performance 89

Performance Education Google Website 89

Smashing Magazine

MARCH 19, 2021

The final prompt for a more aggressive optimization was the “Core Web Vitals” dashboard in the Google Search Console. We first thought that it could be related to the cookie banner adjustments we made recently, but it turned out it was a Google Search Update that seemed to be more aggressively penalizing us for a high CLS.

Mobile 142

Mobile Design Cache Code 142

Smashing Magazine

JANUARY 11, 2021

Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts. Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Adjust the argument depending on the group of stakeholders you are speaking to.

Performance 145

Performance Cache Metrics Media 145

Smashing Magazine

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). dashboard (open source), SpeedCurve and Calibre are just a few of them, and you can find more tools on perf.rocks. Adjust the argument depending on the group of stakeholders you are speaking to.

Performance 112

Performance Cache Servers Network 112

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. One of the reasons Google saw very good 0-RTT results for QUIC was that it tested it on its already heavily optimized search page, where query responses are quite small.

Performance 109

Performance Network Latency Servers 109

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. In 2015, Google introduced Brotli , a new open-source lossless data format, which is now supported in all modern browsers. On Smashing Magazine, we could measure 19-32% improvement , too.

Performance 111

Performance Cache Network Metrics 111