article thumbnail

The State Of Mobile And Why Mobile Web Testing Matters

Smashing Magazine

This goes way beyond basic optimizations such as color contrast and server response times. The earlier you invest in accessibility testing, the more you’ll save down the road on expensive consultancy, expensive third-party services, or expensive lawyers. Mobile Web Testing. LT Browser in action. Large preview ).

Mobile 134
article thumbnail

How To Build A Real-Time Multi-User Game From Scratch

Smashing Magazine

Clearly, the “first client rules all” approach needed to be replaced with a solution in which the game state lives on the server. In my research, I came across Colyseus , which sounded like the perfect tool for the job. milliseconds (= 60 frames per second), triggered by our Colyseus server. Project Setup.

Games 95
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Email Testing Flow As It Should Be

Smashing Magazine

Limit access to your sending servers and deployment processes. Run all tests in a staging environment and use a fake SMTP to avoid sending test emails to real users. Some developers tend to use /dev/null fake SMTP server for email testing, but this is not efficient as it doesn’t imitate production.

Testing 110
article thumbnail

Optimizing Next.js Applications With Nx

Smashing Magazine

We will go through how to set up an Nx server, how to add a plugin to an existing server, and the concept of a monorepo with a practical visualization. Nx provides preconfigured test tools for unit testing and E2E tests. entry file. /** * This is not a production server yet! application. apps ? ? ??todo

Cache 110
article thumbnail

What Web Designers Can Do To Speed Up Mobile Websites

Smashing Magazine

One tool that’s particularly helpful is called Lighthouse. Instead, I suggest that web designers use another Google testing tool called Test My Site. Test My Site is a mobile page speed testing tool from Think with Google. Source: Test My Site ) ( Large preview ). So, what’s the conclusion?

Website 110
article thumbnail

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? Long FMP usually indicates JavaScript blocking the main thread, but could be related to back-end/server issues as well.

article thumbnail

HTTP/3: Practical Deployment Options (Part 3)

Smashing Magazine

Next, we’ll look at how to set up servers and clients (that’s the hard part unless you’re using a content delivery network (CDN)). Finally, we’ll see which tools you can use to evaluate the performance impact of the new protocols (that’s the almost impossible part, at least for now). Server Sharding and Connection Coalescing.

Network 105