I remember when I started web development, websites used to be very limited and boring, then comes AJAX which kinda helped a lot to web in terms of making it light weight and faster. Back then it was all about dynamic websites or web applications. Now its not just about dynamic interactive websites, there are 10s of different types of web applications, you ought to know to claim yourself a web specialist. I am going to mention some of them below just to introduce with them:
Accelerated Mobile Pages (AMP)There is no magic, AMP simply pushed by search engine cache instead of hosting server. But for that web pages has to follow AMP specifications: AMP HTML AMP JS AMP Cache When you ‘ll be developing such search engine friendly web pages, its obvious, it just doesn’t improve performance but also bounce rate and search engine rank in SERP results. Using google webmaster tools, you need to verify and activate your website for AMP. It’s already widely adopted technology, according to google already 1.5 billion AMP published. Top websites like ebay, medium, wordpress, Twitter, LinkedIn and many more…
Static Websites GeneratorThis approach is for a very specific domain, you can’t just start thinking of generating every kind of application with this. Like generating blogs based website would be very handy considering it will be super SEO friendly, not going to get contents from any server so no latency time. There are very good tools like Jekyll, Hugo, Hexo, and Middleman which helps you achieve good static SEO friendly websites. In SPA normally index.html (landing page html) is an empty page which is dynamically populated with DOM elements on runtime but if you combine that with SPA application, you can generate SEO friendly web applications.
Independent Custom Web ComponentsWe all build web components in our applications now but when you look at them they are specific to a framework based like if building component in Angular or React: they are compatible with those frameworks or library respectively. Here I am talking about, an independent component which is compatible with multiple js library/framework. Stencilljs is very popular, i personally liked it considering its compact, future-proof and alleged zero configuration based and more than anything also pollyfills based.
Progressive Web Applications (PWA)For your ease you can relate it to hybrid applications, A web application which can behave like native application. Following are few features which distinguish them with others
- Install-able (without needing App stores)
- Works Offline (no wifi/data, shouldn’t be problem)
- Splash screen
- Push notification
- SEO friendly (your application is indexed in search engines)
- Background synchronization