This site isn't Working

we have checked on the issue the domain is using cloudflare nameservers and the dns is managed by cloudflare. when cloudflare is enabled on the site the domain does not resolve to the server IP and sending error as “This site isn’t working”. When the cloudflare is disabled on the domian the domian resolves to server IP and the site is live. Please contact cloudflare support to check on why enabling cloudflare causes the domain to not point to error server address.

Receive this msg from my hosting provider. If anybody can assist me with this Issue.

What is the domain?

aromanscents.pk

The site configuration appears to be ok and can connect to the site…
https://cf.sjr.org.uk/tools/check?b52d85bf165b40029c0cfd6a53067b37#connection-worker-https
…but it doesn’t seem to render and throws an error with your minification script.

See if Rocket Locker or any minifications are enabled here, and try switching them off to see if that makes your site work…
https://dash.cloudflare.com/?to=/:account/:zone/speed/optimization/content

There are also 2 other pairs of Cloudflare nameservers for this domain so ensure you are logged into the correct Cloudflare account for this domain. Make sure the nameservers shown at the bottom of this page in your dashboard are daniella and eoin
https://dash.cloudflare.com/?to=/:account/:zone/dns/records

Site is working on the Backend but didn’t display anything on Live preview or incognito mode, it just appears blank page. And Nameservers are Same as you mentioned.

Did you do what I suggested and check for Rocket Loader and Minifications on Cloudflare?

As you can see, Rocket loader is Off

And the Auto Minify?

Auto minify is also Off

I believe everything is working right now as your site renders correctly for me via Cloudflare. Did you need to purge cache or disable some other rules applied to your zone to fix the issue? Generally, looking at Trace results and checking Network and Console tabs of your browser for errors usually helps to narrow down the problem.

Just to point it out, this is actually the correct reverse proxy behaviour: How Cloudflare works · Cloudflare Fundamentals docs.

Website is Working fine now But It is Taking so much time to Open on the mobile, usually website should open within 2 sec but it takes arround 5-6 sec and on mobile version it takes more than 10 sec to load and also it show Blank page while loading. How to improve the website speed?

I can reproduce this on iOS: the page stays blank until you scroll. Once the scrolling event is triggered, content appears, which makes me think that the issue is indeed related to JavaScript rendering.

The good news is that you can also reproduce this on desktop by forcing the browser to fetch mobile version via changing dimensions, so you don’t have to play around with trying to capture HAR from mobile:

As you can see on the screenshot, there are multiple images that you are fetching from BunnyCDN (so going through aromanscents289a.b-cdn.net and not via Cloudflare-enabled aromanscents.pk), and the waterfall chart confirms that you clearly have some code that defers these images instead of preloading them ahead of the rest of the content.

This HTTP archive also confirms that these images are called by the lazy-loading JavaScript code inside your Wordpress:

<script id="bv-lazyload-images" data-cfasync="false" bv-exclude="true">
            var bv_style_observer, img_observer, picture_lazy_observer, bv_lazyload_event_listener = "load", bv_lazyload_events = ["mousemove", "click", "keydown", "wheel", "touchmove", "touchend"];
            function add_lazyload_image_event_listeners(t) {
                bv_lazyload_events.forEach(function(e) {
                    document.addEventListener(e, t, !0)
                })
            }
            function remove_lazyload_image_event_listeners() {
                bv_lazyload_events.forEach(function(e) {
                    document.removeEventListener(e, handle_lazyload_images, !0)
                })
            }
            function handleLazyloadImages(e) {
                e.map(e=>{
                    var t, r;
                    e.isIntersecting && (t = e.target.getAttribute("bv-data-src"),
                    (r = e.target.getAttribute("src")) && r.startsWith("data:image/svg+xml") && t && e.target.setAttribute("src", t),
                    img_observer.unobserve(e.target))
                }
                )
            }
            function handleOnscreenInlineStyleImages(e) {
                e.map(e=>{
                    var t, r;
                    e.isIntersecting && (t = e.target.getAttribute("bv-data-style"),
                    console.log(t),
                    t ? (r = e.target.getAttribute("style") || "",
                    e.target.setAttribute("style", r + (r ? ";" : "") + t)) : console.log("BV_STYLE_ATTRIBUTE_NOT_FOUND : " + e),
                    bv_style_observer.unobserve(e.target))
                }
                )
            }
            function handlePictureTags(e) {
                e.map(e=>{
                    if (e.isIntersecting) {
                        var t = e.target.children;
                        for (let e = 0; e < t.length; e++) {
                            var r = t[e]
                              , a = r.getAttribute("bv-data-srcset")
                              , l = r.getAttribute("bv-data-src");
                            a && r.setAttribute("srcset", a),
                            l && r.setAttribute("src", l)
                        }
                        picture_lazy_observer.unobserve(e.target)
                    }
                }
                )
            }
            function handle_lazyload_images() {
                var e;
                "IntersectionObserver"in window ? (document.querySelectorAll(".bv-lazyload-bg-style").forEach(e=>{
                    bv_style_observer.observe(e)
                }
                ),
                document.querySelectorAll(".bv-lazyload-tag-img").forEach(e=>{
                    img_observer.observe(e)
                }
                ),
                document.querySelectorAll(".bv-lazyload-picture").forEach(e=>{
                    picture_lazy_observer.observe(e)
                }
                )) : (lazyload_infos.forEach(e=>{
                    let t = atob(e.declaration);
                    e = atob(e.selector);
                    document.querySelectorAll(e).forEach(e=>{
                        e.style = t
                    }
                    )
                }
                ),
                (e = document.querySelectorAll(".bv-lazyload-bg-style")).forEach(e=>{
                    var t = e.getAttribute("bv-data-style");
                    console.log(t),
                    t ? e.setAttribute("style", t) : console.log("BV_STYLE_ATTRIBUTE_NOT_FOUND: " + entry)
                }
                ),
                document.querySelectorAll(".bv-lazyload-tag-img"),
                e.forEach(e=>{
                    var t = e.getAttribute("bv-data-src")
                      , r = e.getAttribute("bv-data-srcset");
                    r && e.setAttribute("srcset", r),
                    t && e.setAttribute("src", t),
                    t || r || console.log("IMAGE_URL_NOT_FOUND : " + e)
                }
                ))
            }
            "load" == bv_lazyload_event_listener ? window.addEventListener("load", e=>{
                handle_lazyload_images()
            }
            ) : "readystatechange" == bv_lazyload_event_listener && document.addEventListener("readystatechange", e=>{
                "interactive" === document.readyState && handle_lazyload_images()
            }
            ),
            "IntersectionObserver"in window && (bv_style_observer = new IntersectionObserver(handleOnscreenInlineStyleImages),
            img_observer = new IntersectionObserver(handleLazyloadImages),
            picture_lazy_observer = new IntersectionObserver(handlePictureTags));
        </script>

So what you can do immediately is disable a Wordpress plugin that does that. This code seems to live close to Elementor, so I’d start checking there. In case everything else fails, I would start turning off Wordpress plugins one by one and purge cache until the problematic plugin is identified.

On the Cloudflare side, make sure that you don’t have a Configuration Rule or a Page Rule that enables lazy loading functionality either: it could be aforementioned Auto Minify, Rocket Loader and similar Speed features, and these can be enabled separately via Rules even if the zone-level setting is set to disable.

If in doubt, use Trace to understand which rules are applied on a mobile request.

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.