Smashing Magazine

JULY 8, 2021

Tools And Practices To Speed Up The Vue.js Tools And Practices To Speed Up The Vue.js In his upcoming online workshop The TypeScript Masterclass , Stefan Baumgartner will dive into type systems and how to use them well when writing JavaScript. Jump to the workshop ?. Vue Devtools ,” website. Development Process.

Speed 132

Speed Processing Development Code 132

CSS Wizardry

JULY 23, 2023

Google do strongly encourage you to focus on site speed for better performance in Search, but, if you don’t pass all relevant Core Web Vitals (and the applicable factors from the Page Experience report) they will not push you down the rankings. While Core Web Vitals can help with SEO, there’s so much more to site-speed than that.

Engineering 246

Engineering Google Speed Mobile 246

CSS Wizardry

FEBRUARY 25, 2021

Same page, same connection speed, same locale, same release year, different devices. This means that, even if you’re connected to the office wifi, you can still simulate slower (and very realistic) connection speeds. Here is how my actual iPhone on a throttled connection deals with my website. But, Can’t I Just Emulate?

Network 225

Network Mobile Performance Traffic 225

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 139

Ecommerce Website Government Internet 139

Smashing Magazine

AUGUST 30, 2021

Deploying the refactored codebase shouldn’t result in worse website performance and worse user experience. After all, users won’t wait around forever for the website to load. Jump to online workshops ?. More after jump! On design systems, CSS/JS and UX. With Carie Fisher, Stefan Baumgartner and so many others. Critical CSS.

Media 108

Media Performance Cache Strategy 108

Smashing Magazine

OCTOBER 28, 2021

As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Recommended Reading : “ The Guide To Ethical Scraping Of Dynamic Websites With Node.js So, it goes without saying just how big of a data treasure trove the website is. Jump to the workshop ?.

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

OCTOBER 6, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. The caveat to be aware of here is that the browser usage data is based on Statcounter , a sampling of 2 million websites.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

JULY 19, 2021

By adding automated visual testing , we can eliminate those flaky tests , leveling up our testing pipelines providing that coverage (and more) by taking advantage of smart image comparisons using screenshots of our website or app. Jump to the workshop ?. The best part is you’re testing how that button actually works in a browser.

Testing 141

Testing Code Design Strategy 141

Smashing Magazine

AUGUST 12, 2021

If you’d like to dive a bit deeper into animation with Figma, a guide to adding animation to your designs in Figma shows the entire workshop, and various options you have, step-by-step. Jump to online workshops ?. Google Sheet is a handy plugin that speeds up the import of your Google Sheets to Figma. More after jump!

Google 145

Google Design Code Mobile 145

Smashing Magazine

FEBRUARY 2, 2022

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. Like any file referenced and used on a website, it first needs to be downloaded from a server. More after jump! Performance Costs.

Code 89

Code Performance Network Website 89

Strategic Tech

APRIL 27, 2019

We were developing a brand new service, the frontend website and the backend business capability microservices. New microservice APIs could have been created to provide the partial validation, but those APIs would be coupled to the structure of the website. Try EventStorming, attend a local meetup , and catch up on the theory.

Software Architecture 58

Software Architecture Architecture Government Design 58

Smashing Magazine

JULY 14, 2021

Jump to the workshop ?. We’ve covered how to design a perfect slider in detail already, but probably the most important feature that every slider needs is to support different speeds of interaction. Let’s fix that! In Getting Web Forms Right , Vitaly will dive into everything web forms, from disabled buttons to inline validation.

Design 142

Design Retail Ecommerce Mobile 142

Smashing Magazine

JUNE 2, 2021

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text).

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

SEPTEMBER 6, 2021

Using just a few (but still more than one), however, could nicely balance congestion growth with better performance, especially on high-speed networks. Your user has requested that you navigate to example.com (a website you’ve never visited before), and you’ve used DNS to resolve that to an IP.

Network 104

Network Servers Cache Traffic 104

Dynatrace

AUGUST 5, 2019

For a recent technical workshop I did with one of our strategic cloud partners, I created a deck that aims to answer exactly this question. There is a lot of documentation on the Dynatrace website and there are a handful of examples on the Dynatrace GitHub repo: [link]. These examples include e.g:

Cloud 31

Cloud Traffic Database Network 31

Smashing Magazine

JUNE 2, 2021

Yes, we’ve changed how we defined the user experience of the page load to look at the loading speed of the most relevant content , but it’s basically reusing the old techniques of ensuring that the content loads as quickly as possible. Jump to online workshops ?. On design systems, CSS/JS and smart interface design patterns.

Media 125

Media Metrics Website Google 125

Smashing Magazine

JANUARY 21, 2021

It always starts with the long-awaited website overhaul. Harry Roberts ran his (excellent) Web Performance Masterclass as an online workshop with us, and throughout the entire workshop, he was using Smashing as an example by highlighting issues that we had and suggesting solutions to those issues alongside useful tools and guidelines.

Performance 145

Performance Cache Mobile Network 145