TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

PleaseWait.js – Show your users a beautiful loading page while your app loads

157 点作者 jhdavids8超过 10 年前

21 条评论

mQu超过 10 年前
Why is this any different than Flash preloaders just a moment ago? And even worse - it doesn&#x27;t show any progress so there isn&#x27;t any user feedback. Every (bad) pattern seems to repeat itself. Just using current-cool-tech.<p>I would much more appreciate that dev time would be put into a framework that allows graceful enchancement by deferring loading more heavy components and to allow user to interact with the site ASAP.<p>Having a skeleton project for gulp (or any other system) that shows how to properly split big, non essential, components and lazy load them would go much further to ease developing big applications and smoothen UX.<p>EDIT: typos.
评论 #8819009 未加载
评论 #8817021 未加载
评论 #8816412 未加载
评论 #8816611 未加载
评论 #8821810 未加载
评论 #8818900 未加载
评论 #8819243 未加载
评论 #8817230 未加载
mavdi超过 10 年前
I used to be a Flash developer, now a Javascript developer. Everything that was raised as an issue with flash (except web&#x27;s open nature) is now an issue with Javascript development today. Preloaders, skip intros, single page apps, browser back button issues, SEO incompatibility. all of it. loving this.
评论 #8818882 未加载
forrestthewoods超过 10 年前
No. It&#x27;s not beautiful. Stop saying that! That word is so overused in software that it is no devoid of all meaning.<p>It&#x27;s a loading screen. It&#x27;s perhaps even a nice looking loading screen. Well, it&#x27;s not ugly. It is missing a lot of functionality though. But it&#x27;s less rage inducing than the spinning pin wheel so that&#x27;s good I guess.<p>2015 would be a better year if we all agreed to stop using the word beautiful with respect to any and all things digital.
评论 #8817017 未加载
评论 #8816756 未加载
评论 #8816752 未加载
jacquesm超过 10 年前
The best loading page is the one that I never see.
fiatjaf超过 10 年前
&quot;You look nice today&quot;. This habit of saying horribly false compliments to the user is an awful trend that is affecting programmers everywhere.<p>See <a href="https://www.npmjs.com/login" rel="nofollow">https:&#x2F;&#x2F;www.npmjs.com&#x2F;login</a>, for example.
评论 #8816687 未加载
评论 #8816700 未加载
评论 #8816601 未加载
评论 #8818607 未加载
评论 #8816516 未加载
评论 #8817220 未加载
ddoolin超过 10 年前
I&#x27;ll be the odd one out and say that the presentation is actually gorgeous. It&#x27;s really not a whole lot of extra resources that need to be pulled in to do it, either. You could do it in a few lines of HTML&#x2F;CSS if you were so inclined.<p>That said, I will agree that the use case is very small (page opening) and for most these days even showing this for more than 2 or 3 seconds might lead to some wrong assumptions and showing it for only a split second would be odd&#x2F;no good&#x2F;etc.
steve_barham超过 10 年前
Click Here to Skip Intro
arscan超过 10 年前
Ah, funny, I came up with a similar name for a little script I published last week named PleaseRotate.js [1]. It displays a message to mobile users if they are viewing the site in the wrong orientation. I wouldn&#x27;t recommend it for most sites, but it has its uses (I use it on tech demos that I build).<p>[1] <a href="https://github.com/arscan/pleaserotate.js" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;arscan&#x2F;pleaserotate.js</a>
mcav超过 10 年前
Not every app can load instantly. Better to have a reasonable loading screen than an ugly, flickery, reflowy startup experience.
mindcrime超过 10 年前
Is it just me, or does anybody else think that it&#x27;s a problem that the world even <i>needs</i> this in the first place?<p>I expect splash screens and slightly longer load times from desktop apps... if I click on a link to something in my browser, not so much. TBH, if a page&#x2F;app takes more than a second or two to load, I assume there&#x27;s something wrong with it (or my net connection).
评论 #8816368 未加载
评论 #8816483 未加载
评论 #8816418 未加载
评论 #8816394 未加载
评论 #8816407 未加载
评论 #8816358 未加载
chavesn超过 10 年前
This <i>is</i> very beautiful, and it&#x27;s great -- no, <i>essential</i> -- to think of your users!<p>But speaking of that, please <i>THINK</i> of your users and <i>despise</i> loading times. Hate them with a passion. As they say, kill them with fire!<p>Do NOT make them prettier, it only makes it easy to think it&#x27;s OK. It is not OK! Your app can load faster. Way faster. It&#x27;s easier than you think. And even if it&#x27;s not, it&#x27;s worth it.<p>When you have done everything you can do to speed up the loading time, NOW you can think about loading screens.<p>Except, don&#x27;t make it a loading screen. Fake it. Make it look like you loaded faster than you did:<p>- Let the fastest content load asynchronously with the slower content.<p>- Is caching for your entire app too hard? Start by caching the entry points from previous visits and show that (although beware of unsettling flashes&#x2F;jumps in data!)<p>- If that&#x27;s too hard, fake it with a screenshot from the last view the user saw (it&#x27;s been done -- iOS apps).<p>Once you&#x27;ve done all the above, and exhausted every other idea that you can think of because you know your users better then I do...<p>... then, only then, you can think -- for maybe an hour or two -- about making the gap a nicer experience. But remember, it must be a NICE experience. <i>BEAUTIFUL</i> does not always equal <i>NICE</i>.<p>And until that gap is gone, <i>never</i> cross this item off your list!<p>[Disclaimer: To the creators of this module, I&#x27;m not saying your time has been wasted. I&#x27;m only talking to app owners, not to you! Thanks for thinking of how to make bad things better! ]
grayclhn超过 10 年前
Jesus, we&#x27;ve sure defined down &quot;beautiful&quot; haven&#x27;t we.
72deluxe超过 10 年前
What&#x27;s wrong with an animated GIF? Is this a problem that needs to be solved? I thought it was solved in the early 90s?<p>On a positive note, those animations would be great if they were GIFs - they&#x27;re nice.
bbcbasic超过 10 年前
Funny not long ago there was a HN comment saying this would be a good idea (<a href="https://news.ycombinator.com/item?id=8765778" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=8765778</a>)<p>Of course it all depends how keen your users are to wait for the thing. If it is an online game and they clicked a link to play it then they may be happy to wait.<p>For most sites this would make me hit the back button if it didn&#x27;t load in 5 seconds.
ajorgensen超过 10 年前
This pattern really ruins the experience for me. I know of a few apps that while loading will show an inspirational quote or some other distraction. For me it cheapens the experience. I understand scaling is #hard but there are better experiences than a loading screen that can make the end user experience much better.
tarikozket超过 10 年前
I can&#x27;t believe that this post got upvoted 140 times on HN. Only one day left to 2015 and we have distribution networks, abroad datacenters. Are we still not able to build a system which doesn&#x27;t require a loading screen? What a shame...
评论 #8819803 未加载
TheAceOfHearts超过 10 年前
You know what&#x27;s even better? Having server-side rendering that delegates to the client on load so you can avoid this kind of thing all-together. Looking at you react, stay awesome!
pjf超过 10 年前
The page doesn&#x27;t load, it&#x27;s stuck on the progress bar.
finid超过 10 年前
If your page takes that long to load to the point where you want to use PleaseWait.js, that&#x27;s an indication that you need to optimize your page so that it loads faster.
评论 #8816757 未加载
TickleSteve超过 10 年前
NOOOOOOoooooooo!!!<p>Wrong thinking! just make it load quicker!
Kiro超过 10 年前
Very nice and exactly what I needed.