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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

How to make your responsive mobile website hurt my heart

36 点作者 elsyms超过 7 年前

10 条评论

navbaker超过 7 年前
Maybe it was covered in this article and I just don't know the technical term for it, but my biggest pet peeve is when a page is taking forever to finalize the load, but the text is all there so I scroll down and start reading. The page then pops me back to the top of the page and I think it's finished so I scroll back down to where I was and continue reading, only to have it pop me back up to the top AGAIN because it wasn't finished after all.
评论 #15179304 未加载
thomk超过 7 年前
The scroll hijacking one is a personal pet peeve. Whatever genius developer that thought of that should be taken out back and shot.<p>Either that or they should have been required to write the thing while allowing us to set their scroll wheel speed.<p>&#x2F;rant
jackewiehose超过 7 年前
Why having webfonts at all? Every computer and mobile phone has tons of fonts already installed. Your fonts definitely don&#x27;t look better. Please don&#x27;t waste my bandwith with it.<p>Why do you make mobile sites that can&#x27;t be zoomed? This is so annoying. Then sometimes zooming is possible but the sticky headers&#x2F;footers also zoom and hide the actual content.
评论 #15179147 未加载
sparrish超过 7 年前
Please add mystery-meat navigation to the list. It&#x27;s so painful. I have no idea what those icons do and can&#x27;t &#x27;mouse over&#x27; like a desktop.
评论 #15179478 未加载
评论 #15179513 未加载
drngdds超过 7 年前
I&#x27;m surprised he didn&#x27;t mention sticky headers&#x2F;footers. Those can be a huge waste of space, especially if you&#x27;re browsing in landscape.
评论 #15179061 未加载
评论 #15178962 未加载
评论 #15179129 未加载
PaulHoule超过 7 年前
All of these are bad on the desktop web. After all, some people still have phone company DSL.
makecheck超过 7 年前
It&#x27;s time for browsers to have absolute maximum speed&#x2F;data settings, where they refuse to load any more once the limit is violated. These should come complete with a built-in dollar figure display (so if you&#x27;re roaming or on a limited plan you can see exactly what your activity is costing you), and a shaming site with monthly telemetry on who cost users the most per visit.
zeveb超过 7 年前
&gt; If the web page has some sort of carousel without lazy loading, it wouldn’t take long to use up 10% of somebody’s 1GB allowance.<p>If you do use lazy-loading, please be sure to do so in a way which works without JavaScript enabled (sadly, this is very uncommon). Mobile users are free to use browsers which load images on demand (indeed, I remember that approach from the 1990s), or perhaps browsers could agree on a standard for different resolutions of images, but breaking the Internet (which is what requiring JavaScript to view content is) to save some people some bandwidth is IMHO a bad idea.<p><a href="https:&#x2F;&#x2F;www.robinosborne.co.uk&#x2F;2016&#x2F;05&#x2F;16&#x2F;lazy-loading-images-dont-rely-on-javascript&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.robinosborne.co.uk&#x2F;2016&#x2F;05&#x2F;16&#x2F;lazy-loading-image...</a> looks like a nice technique.<p>&gt; Render as much server-side content as you can.<p>&gt; Reduce&#x2F;remove the third party dependencies you have on your pages.<p>&gt; Lazy load images whilst maintaining page layout.<p>&gt; Stop hacking fixes for your mistakes with Javascript.<p>All good advice, particularly the last bit.
jonplackett超过 7 年前
Google news falls foul of some of these. I hate how it takes over scrolling and also the annoying way it iframes of the pages you open. You don’t own the internet google!
rdiddly超过 7 年前
Who doesn&#x27;t do &quot;mobile first&quot; development now? Design the mobile version as your baseline, then <i>add luxury shit</i> for the wide version.