Web-bugs: gdg-siberia.com - site is not usable

[dvigneshwer]

URL: https://gdg-siberia.com/

Browser / Version: Firefox 57.0
Operating System: Linux
Tested Another Browser: Yes

Problem type: Site is not usable
Description: Website fails to load
Steps to Reproduce:
Works perfectly in chrome

_From webcompat.com with ❤️_

[dvigneshwer]

[karlcow]

@vigneshwerd Thanks. confirmed.

[karlcow]

[dvigneshwer]

@karlcow Thanks for the confirming the bug, I am more than happy to report it. It will be great if you can share me few tips/links on how to do some advanced debugging/testing, this will help me and my community members in reporting better bug reports !!

[karlcow]

We now need to investigate what is the source of the issue. Probably something on how the page gets initialized. In the main page, there is this script which seems to initialize the page. Maybe a trail.

! function(e) {
    "use strict";
    var t = function(t, n, r) {
        function o(e) {
            return i.body ? e() : void setTimeout(function() {
                o(e)
            })
        }

        function a() {
            d.addEventListener && d.removeEventListener("load", a), d.media = r || "all"
        }
        var l, i = e.document,
            d = i.createElement("link");
        if (n) l = n;
        else {
            var s = (i.body || i.getElementsByTagName("head")[0]).childNodes;
            l = s[s.length - 1]
        }
        var u = i.styleSheets;
        d.rel = "stylesheet", d.href = t, d.media = "only x", o(function() {
            l.parentNode.insertBefore(d, n ? l : l.nextSibling)
        });
        var f = function(e) {
            for (var t = d.href, n = u.length; n--;)
                if (u[n].href === t) return e();
            setTimeout(function() {
                f(e)
            })
        };
        return d.addEventListener && d.addEventListener("load", a), d.onloadcssdefined = f, f(a), d
    };
    "undefined" != typeof exports ? exports.loadCSS = t : e.loadCSS = t
}("undefined" != typeof global ? global : this),
function(e) {
    if (e.loadCSS) {
        var t = loadCSS.relpreload = {};
        if (t.support = function() {
                try {
                    return e.document.createElement("link").relList.supports("preload")
                } catch (e) {
                    return !1
                }
            }, t.poly = function() {
                for (var t = e.document.getElementsByTagName("link"), n = 0; n < t.length; n++) {
                    var r = t[n];
                    "preload" === r.rel && "style" === r.getAttribute("as") && (e.loadCSS(r.href, r, r.getAttribute("media")), r.rel = null)
                }
            }, !t.support()) {
            t.poly();
            var n = e.setInterval(t.poly, 300);
            e.addEventListener && e.addEventListener("load", function() {
                t.poly(), e.clearInterval(n)
            }), e.attachEvent && e.attachEvent("onload", function() {
                e.clearInterval(n)
            })
        }
    }
}(this);

Oh and the CSS link is weird

<link href="/css/main.css" rel="preload" as="style" onload="this.rel=&quot;stylesheet&quot;">

if I replace this link by

<link href="/css/main.css" rel="stylesheet" as="style">

the site is working. So definitely something smelly.

[karlcow]

About pre-loading content.

[karlcow]

That looks closely related to https://bugzilla.mozilla.org/show_bug.cgi?id=1405761

So indeed at first load main.css is not loaded. Once i manually change the link in the inspector, the CSS is loaded.

HTTP/2.0 200 OK
accept-ranges: bytes
cache-control: public, max-age=0
content-encoding: gzip
content-type: text/css; charset=UTF-8
date: Tue, 10 Oct 2017 23:59:25 GMT
etag: W/"13b3e-15ea4198710"
last-modified: Thu, 21 Sep 2017 11:01:30 GMT
server: Caddy
vary: Accept-Encoding
x-powered-by: Express
X-Firefox-Spdy: h2



[karlcow]

max-age=0 makes the resource non cacheable as it has always to be fresh and so indeed is contradictory with the preload instruction.

[karlcow]

Let's push this to contact ready.
The site is developed by http://o.zasadnyy.com/ who is on GitHub and can help fix the caching issue probably.
@ozasadnyy Such as removing the max-age: 0 That would help a lot Firefox.

I also reported also the issue in https://bugzilla.mozilla.org/show_bug.cgi?id=1405761

[ozasadnyy]

looks like something wrong with their scripts. Could you try if the original code works for you? http://gdg-x.github.io/zeppelin/
repo: https://github.com/gdg-x/zeppelin

[karlcow]

@ozasadnyy Thanks for the answer. This is working because the HTTP response for main.css is different and cacheable.

HTTP/1.1 200 OK
Server: GitHub.com
Content-Type: text/css; charset=utf-8
Last-Modified: Mon, 09 Mar 2015 20:59:51 GMT
Access-Control-Allow-Origin: *
Expires: Wed, 11 Oct 2017 22:58:13 GMT
Cache-Control: max-age=600
Content-Encoding: gzip
X-GitHub-Request-Id: 649C:2076D:3B7B29F:4060472:59DE9FA9
Content-Length: 19954
Accept-Ranges: bytes
Date: Wed, 11 Oct 2017 22:48:13 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-nrt6122-NRT
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1507762094.649751,VS0,VE114
Vary: Accept-Encoding
X-Fastly-Request-ID: 69abd45ed7836de8a062b49265157d7d5957df45

Could you help us to contact them so they can fix their server configuration. Thanks.

[softvision-sergiulogigan]

I think this one was fixed, in the meantime.
Now it works for me, on both Firefox and Chrome, on Windows 10 and Linux.