Dec 30, 2020
We make it both easier and harder to build or the web every year. It is a moving target. But at-least we are starting to focus on the right things.
A few year ago, we use to have a pretty strong definition of web apps, and web pages. People tried to explain that React should be used for an App, and Wordpress for a web page. I don't think these things were really ever true. Though we got better at making React more efficient with Next.js for web pages, and Wordpress has grown and can be a great fit for some types of apps.
As we move forward in time, we see the list of concerns and capabilities grow. Some of these things are just syntactical sugar on what we were already doing. For example the
loading="lazy"attribute added for images.
But other things have been added to give us more ability to mirror native experiences. As these become more common place, so does the expectation from users that it just works. To a user, they don't care about the context of "Native App" vs "Website". They care that they can do the thing they wanted to do.
Recently we got
scroll-snap-alignwhich lets you build a neat slide workflow.
But we also see browser makers making changes to allow for more natural behavior. In iOS 13.4 you can now make horizontal scrollers that don't send the user to the previous history state when swiped from the left. This isn't that many lines of code, but it's not as easy as an html attribute or a few lines of CSS.
And as the complexity grows, so does the concerns with performance. Next.js / Vercel recently had a massive flex where they shipped Next.js Analytics.
Next.js Analytics provides your Real Experience Score through data from actual visitors.
All this does is shows the scores for real user data against the Web Vitals as defined by Google.
Updated Optimizing for quality of user experience is key to the long-term success of any site on the web. Whether you're a business owner, marketer, or developer, Web Vitals can help you quantify the experience of your site and identify opportunities to improve.
All of these are example that really how we will continue to change over time.
- Browsers will enable richer interaction to rival native experiences, and developers will need to write more code to support it.
- Web Development will continue to get more complex, requiring that we pay attention to performance analytics.
- Analytics data will spark innovation around how we develop to be inclusive or all users.