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. Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. One of the reasons for that is because a PWA has the same code base.

Code 74

Code Cache Retail Mobile 74

Dynatrace

MARCH 22, 2023

For these, it’s important to turn off auto-completing forms, encrypt data both in transit and at rest with up-to-date encryption techniques, and disable caching on data collection forms. Use a safe development life cycle with secure design patterns and components. Apply threat modeling and plausibility checks.

Open Source 197

Open Source Artificial Intelligence Internet Internet 197

Dynatrace

OCTOBER 7, 2021

Instead of worrying about infrastructure management functions, such as capacity provisioning and hardware maintenance, teams can focus on application design, deployment, and delivery. Using a low-code visual workflow approach, organizations can orchestrate key services, automate critical processes, and create new serverless applications.

Serverless 280

Serverless AWS Lambda Storage 280

Brendan Gregg

MARCH 16, 2024

Apart from library code, maybe your application doesn't have frame pointers either, in which case everything is broken. This technique saves two instructions in the prologue and epilogue and makes one additional general-purpose register (%rbp) available." Other types of profiling hit this more often.

Java 145

Java Cache Google Hardware 145

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. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same?

Code 147

Code Performance Media Google 147

The Netflix TechBlog

SEPTEMBER 8, 2020

On the Android team, while most of our time is spent working on the app, we are also responsible for maintaining this backend that our app communicates with, and its orchestration code. Image taken from a previously published blog post As you can see, our code was just a part (#2 in the diagram) of this monolithic service.

Latency 233

Latency Cache Java Traffic 233

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. I recently wrote a blog post for a web designer client about page speed and why it matters. However, their focus has always been on making a great-looking and effective design. Clean coding practices.

Website 110

Website Speed Mobile Design 110

CSS Wizardry

MAY 31, 2019

Users might already have the file cached. If website-a.com links to [link] , and a user goes from there to website-b.com who also links to [link] , then the user will already have that file in their cache. Penalty: Caching. This makes it very safe and sensible to enforce a reasonably aggressive cache policy.

Cache 274

Cache Latency Infrastructure Website 274

Dynatrace

SEPTEMBER 13, 2023

This is a set of best practices and guidelines that help you design and operate reliable, secure, efficient, cost-effective, and sustainable systems in the cloud. Using an interactive no/low code editor, you can create workflows or configure them as code. This workflow uses the Dynatrace Site Reliability Guardian application.

AWS 246

AWS Efficiency Azure Cloud 246

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. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same?

Code 130

Code Performance Google Media 130

Dynatrace

JULY 16, 2020

This would also mean I need a service that detects any new environments, creates API tokens for them, refreshes API tokens on expiry and ensures that there is always a valid API token available. I wanted a rather lightweight design that is yet versatile. These parameters are then combined into the cache key to query the TenantCache.

Cache 234

Cache Serverless Efficiency Tuning 234

Official Blog - World Web Technology

AUGUST 27, 2023

For example, website design is very crucial to impress your website visitors. Unlike other popular programming languages such as C or Pearl, PHP pages have HTML with embedded code with some start and end processing instructions that allow you to jump directly into and out of PHP mode.

Development 98

Development Ecommerce Open Source Website 98

Percona

SEPTEMBER 1, 2023

Per-Row Execution : For each affected row, the trigger’s code is executed. This code can include SQL statements, procedures, or other actions defined within the trigger. Access to OLD and NEW Values : Within the trigger code, you can access the OLD and NEW values for each column of the current row.

Cache 59

Cache Database Games Healthcare 59

MachMetrics

SEPTEMBER 1, 2020

Responsive design is an absolute necessity in today’s web. Unfortunately, many themes and frameworks achieve responsive design by using hidden images on mobile devices or tablets. Below is an example of what that code would look like. <img In the above code, the <img> tag is used as the default.

Design 57

Design Media Mobile Website 57

John McCalpin

APRIL 25, 2023

For most high-end processors these values have remained in the range of 75% to 85% of the peak DRAM bandwidth of the system over the past 15-20 years — an amazing accomplishment given the increase in core count (with its associated cache coherence issues), number of DRAM channels, and ever-increasing pipelining of the DRAMs themselves.

Benchmarking 97

Benchmarking Cache Latency Tuning 97

Dynatrace

APRIL 21, 2022

The Azure Well-Architected Framework is a set of guiding tenets organizations can use to evaluate architecture and implement designs that will scale over time. Using high-fidelity metrics, logs, code-level tracing, and a dynamic topology map of your applications, Davis can identify the precise root cause and prioritize its business impact.

Azure 187

Azure Monitoring Virtualization Metrics 187

ScaleOut Software

MAY 15, 2014

We have spent a great deal of time at ScaleOut Software re-architecting our in-memory data grid (IMDG)’s code base to make best use of many cores and large memory. During load-balancing, the client gets the following exception when accessing the cache: ErrorCode<ERRCA0017>:SubStatus<ES0006>:There is a temporary failure.

Cache 40

Cache Servers Network Design 40

Smashing Magazine

JUNE 26, 2020

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. With one or two occasional exceptions, I’ve spent the past twenty-two years designing for countless clients. I know many designers who work in-house.

Design 94

Design Media C++ Energy 94

Dynatrace

DECEMBER 20, 2021

What users see in their browser window and the underlying HTML code are both governed by the DOM, which creates a tree-like structure for all HTML elements. Once you can see where users are having trouble, you can trace back actions to connected elements of underlying code and reduce the time from identifying an issue to resolving it.

Mobile 246

Mobile Website Analytics Cache 246

Speed Curve

DECEMBER 6, 2023

Now you'll see something like this: Below the x-axis, we've introduced markers to designate where deploys have occurred or notes have been posted. Making code changes to modify your configuration, collect custom data, or further segment your pages isn't hard, per se, but it's difficult and time consuming to make changes in production.

Cache 58

Cache Retail Testing Code 58

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? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering?

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

OCTOBER 2, 2023

Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to the workshops ↬ Using CDN For Caching And WebP For Lighter File Sizes As I mentioned a little earlier, our stack includes Sanity’s CMS. Let’s see the query caching in action.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

DECEMBER 23, 2020

You’ll also find example code or references to more specific guides so you can implement these tips to your PWA. The service workers enable the offline usage of the PWA by fetching cached data or informing the user about the absence of an Internet connection. Cached content with IndexedDB. Skeleton screen examples on Code My UI.

Cache 123

Cache Internet Internet Google 123

HammerDB

JUNE 27, 2022

Databases are highly sophisticated software, and to design and run a fair benchmark workload is a complex undertaking. The TPC designed benchmarks for transaction processing (OLTP) and analytics (OLAP) and anyone can run these benchmarks, have them audited by the TPC and published on the official benchmark rankings.

Benchmarking 62

Benchmarking Open Source C++ Cache 62

Smashing Magazine

MARCH 19, 2021

In fact, we had to look into various cases for the form design: What happens when no data is provided at all? Given that a vast majority of our readers — wonderful people like you — are using autofill, it’s worth spending time designing an experience around it. Large preview ). The next day we subset the fonts and pushed them live.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

JUNE 2, 2021

The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). For the launch, we mostly focused on getting the new design out the door, but once the website’s relaunch went live, we started focusing our attention on turning the red and orange scores to greens. Large preview ).

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

MAY 16, 2022

By stepping back and realizing that the fields available have no special bindings to particular types of data, we can see that this technique is also an effective delivery mechanism for any arbitrary data allowing lots of interesting possibilities. Code used to monitor resources (fetch, XHR, images, stylesheets, scripts, HTML, etc.)

Servers 92

Servers Monitoring Cache Network 92

CSS - Tricks

APRIL 1, 2021

The code for the site is available on GitHub for reference. There’s a trade off here between inlining JavaScript (so running it doesn’t require a network request) versus placing it into it’s own JavaScript file (for modularity and code-reuse). Compressing, minifying and caching assets.

Cache 92

Cache Social Media Media Website 92

Smashing Magazine

SEPTEMBER 2, 2021

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. JavaScript Design Patterns. This is a straightforward flexbox playground that also generates the code for you. On design systems, CSS/JS and UX.

Development 145

Development Games Education Programming 145

Smashing Magazine

OCTOBER 26, 2021

Nx is an open-source build framework that helps you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries, while providing a robust command-line interface (CLI), caching, and dependency management. Nx uses distributed graph-based task execution and computation caching to speed up tasks.

Cache 109

Cache Servers Code Storage 109

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 92

Media Cache Google Best Practices 92

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 105

Media Cache Google Best Practices 105

Smashing Magazine

JUNE 20, 2019

Browser Caching. Another built-in optimization of Google Fonts is browser caching. As the Google Fonts API becomes more widely used, it is likely visitors to your site or page will already have any Google fonts used in your design in their browser cache. — FAQ, Google Fonts. Further Optimization Is Possible.

Google 111

Google Performance Cache Website 111

Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. 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 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> The change of design. Design change fix: Different images for different displays. Cache Your Images. <picture> <!--

Media 105

Media Cache Website Mobile 105

Smashing Magazine

AUGUST 9, 2022

It also lists cached resources and identifies unused Javascript. They are granular and available at domain and page levels. Continue reading below ↓ Meet Smashing Email Newsletter with useful tips on front-end, design & UX. The tool is available on its webpage or as a command line tool. They are also shareable.

Performance 130

Performance Benchmarking Website Metrics 130

SQL Performance

SEPTEMBER 21, 2022

Examples include the following: The set_options and required_cursor_options cached plan attributes, which you obtain using the sys.dm_exec_plan_attributes DMF. But the available manipulation was limited and often resulted in complicated logic. Even SQL Server stores some flag-based data using bitwise representation.

Servers 122

Servers C++ Code Cache 122