TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Instant Loading Web Apps with an Application Shell Architecture

111 pointsby aleemover 9 years ago

7 comments

pfootiover 9 years ago
This process makes a <i>ton</i> of sense, once you start thinking of websites as online applications (and not just a bunch of page content, but even then sometimes it&#x27;s worth thinking about page content as an application). It&#x27;s also surprisingly simple, given the tooling that&#x27;s already provided by the browser and the sw-precache and sw-toolbox libraries.<p>I only wish there were some roadmap to see this on the iOS side. I get that android has a lot of market share, especially in developing (slow 3g &#x2F; 2g network) countries, so this is still a great idea (and totally worth the effort, given the payoff). But if there was some word from apple that this was feasible in the near future, I wouldn&#x27;t be worrying about writing a native iOS app, or figuring out how to use cordova to deploy a hybrid webview app.<p>And that&#x27;s why I somehow doubt apple is in a hurry to get this working on iOS. Watching the service worker presentations at the recent chrome summit, I couldn&#x27;t help but think, &quot;wow, app-like behaviors, straight from a webpage, pinned to the home screen&quot;.
评论 #10602044 未加载
评论 #10604193 未加载
joshfraserover 9 years ago
Perceived performance (showing something) is more important to users than the ultimate load time. So prioritizing your assets so the critical stuff loads first is a good strategy. Keep in mind that JavaScript blocks rendering, so you want to make sure that you&#x27;re still delivering the CSS and primary HTML content first. I don&#x27;t want to wait for your massive JavaScript library to load and execute before I can read the text on the page.
StavrosKover 9 years ago
Isn&#x27;t this just reinventing webpages? You&#x27;re supposed to cache the CSS and JS for a <i>long</i> time and then deliver minimal content to style. Have a look at my blog:<p><a href="http:&#x2F;&#x2F;www.stavros.io&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.stavros.io&#x2F;</a><p>The first load should be moderately slow (still, only about two seconds), and any subsequent load of one of the posts should be near-instantaneous.
评论 #10603563 未加载
评论 #10601955 未加载
评论 #10604376 未加载
评论 #10605585 未加载
评论 #10602051 未加载
评论 #10602836 未加载
评论 #10601945 未加载
jarnixover 9 years ago
It&#x27;s really great to see that Android (and Firefox OS obviously) is going this way. Maybe soon we can forget the native apps (that remind me of the multimedia CD ROM era from 1995) for a lot of apps that do not need access to the system&#x27;s API.
评论 #10601981 未加载
评论 #10604244 未加载
OldSchoolJohnnyover 9 years ago
Once again Apple is the holdout. They seem to be bent on making web apps a substandard type of app by dragging their feet on html 5 in general.
daleharveyover 9 years ago
I am pretty excited about the idea of having a web framework that works equally well in service workers and nodejs, so the first page load serves up nice full html and subsequent page loads are handled by service workers and render immediately on the client side. Its pretty much the dream since I started working on PouchDB since this whole idea is made vastly easier when your data api is identical local and remote.
jessaustinover 9 years ago
I think this would dovetail well with the strategy of keeping user data out of URLs by having generic pages and then xhr&#x27;ing to fill in the data reactively. (There is probably a nifty marketing name for that strategy but I don&#x27;t know it.)