Hacker News Reader

Comment by userbinator | Hacker News Reader

You can also get a 10x accessibility increase for viewing your site, by not doing shit like this:

    <div class="center-element" id="page-loader">
    <svg id="hexagon" viewbox="0 0 129.78 150.37" 
    ...
    </div>
    <div id="page-content" style="display:none">
    (actual page content here)

This is another one of these pages that shouldn't require JS, but deliberately hides the content and then uses JS to un-hide it. WTF!? I know this is a little off-topic but I found it ironic that a post about optimising performance would be presented so outrageously inefficiently and inaccessibly. (I just turned off the CSS to read it.)

View on HN

An SRE at PingCAP here. Got it. Thanks! We found that using JS to toggle page visibility has some usability issues. We just removed the JS loading animation and will deliver content with good compatibility and progressive enhancement. Sorry for the issues with the display!

Nice to see quick response.

Page loading on mobile for me. Using Brave browser.

Beautiful response. Good luck.

I usually save articles to Pocket and read it there. If it can't render the article then I don't bother.

How does something like this get created in the first place?

Multivariate (i.e. A/B) testing tools.

They change the page client-side, which introduces a problem they call “flicker”. It just means that for a moment you see the server-side rendered page as-is, then the tool hacks it into something else, depending on which group you’re in. This can obviously be jarring. The “flicker” is overcome by a page-hiding snippet that shows the page after the tool has done its dirty business or after a timeout (typically 3s).

Often, these tools aren’t used for multivariate testing at all. They’re used because the marketing team doesn’t want to go through the web team, so they get an exec to force the web team to install the tool (along with 50 other pieces of marketing crapware) so marketing can hack its changes into the website after it’s loaded. It’s not uncommon for these tools to completely break the website, because the web team makes a change that breaks assumptions relied upon by the marketing team’s hacks.

Often, the marketing team will have these changes made by a developer who they hire directly. They are unqualified to interview developers and this is one of many ways incompetent developers find employment.

I'm not sure I've ever seen A/B testing in web articles that wasn't a case of A being an accurate headline and B being the most outrageous thing you could possibly title it without outright lying, and B always wins.

AreTechnica is guilty of this. They do A/B testing of headlines for 10 minutes, but their headlines aren’t the worst. I have seen some outrageous headlines regarding Republicans doing something they don’t like (Ars is a left leaning site) that are clearly designed to get clicks. It’s quite annoying.

That's precisely the site I was thinking of, actually. Some of their writers like Jim Salter and Megan Guess are absolutely fantastic and others you pre-cringe before clicking the story.

on the flip side many websites run completely without an in house dev team, using a corporate hosting provider and retainer based web companies.

The ability to use an injection tool and hire devs for small changes on quick turnarounds can be massive in enabling the marketing department to move forwards.

And yet another side shows sites deliberately engineered this way to allow agile behaviour by non-devs. I've seen a few where they track an internal metric so that a dev somes and consolidates it all before it gets too bad.

The problem is it doesn’t work reliably because a lot of people use blockers. Instead of seeing the intended content, they see a blank page for a few seconds, followed by the original content that had already loaded a few seconds ago. Some websites don’t have a timeout, causing many users to see just a blank page unless they disable their blockers.

Also, it’s terrible for SEO.

This worked for me on Chrome with JavaScript disabled:

1. F12 for developer tools.

2. Found

    <div id="page-content" style="display:none">

and changed it to

    <div id="page-content">

3. Clicked off to another element for the change to take effect.

It's there any way to read it from a phone? It's 5:04am and I don't want to open a laptop just for reading it...

The page isn’t loading at all for me

Reply on news.ycombinator.com