netimm

Forum Replies Created

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter netimm

    (@netimm)

    I agree that it could be better, but:

    1. “not formatted properly” – do you mean it violates some html rules ? I don’t think so.
    2. “There should be no white space between html tags” – I believe html it is acceptable.
    3. This code was generated by Elementor, text editor widget.

    so, if it doesn’t violate html rules, and contains white space, you shouldn’t remove it.

    Thread Starter netimm

    (@netimm)

    irinashl (@irinashl),

    I don’t understand what do you mean.

    Thread Starter netimm

    (@netimm)

    If you want me to run some tests, feel free to write.
    I will be more than happy to help.

    My page is build based on Elementor Pro, Themes builder.

    You are doing great work,
    Thanks

    Thread Starter netimm

    (@netimm)

    HI,

    I’ve just tested 3.1.3. I see that my

    <link rel=’preload’ href=’link_to_the_biggest_picture’ as=’image’ />

    is now first in a page source – that’s nice.

    Tests result:
    as always desktop is 100% ok, but Mobile:

    1. with “Disable JS link preload” unchecked:
    – chrome downloads my picture very first, than rest of css and js – nice, but:
    3 of 4 tests (75%): Pagespeed Insights shows LCP: 1,6s
    1 of 4 test (25%) : Pagespeed Insights shows LCP: 3.2s

    2. with “Disable JS link preload” checked:
    4 of 4 tests (100%): Pagespeed Insights shows LCP: 1,6s.

    —

    I have no idea why Pagespeed Insights sometime shows LCP: 3.2s. It happens always on the first run (of course before I run Pagespeed Insights test, I open tested page on my browser to be sure everything is generated and cached.) and randomly after that.

    so, I still keep “Disable JS link preload” checked, and Pagespeed Insights always shows mobile: 92%, desktop 99%. I’m super happy. Thanks again ??

    Thread Starter netimm

    (@netimm)

    Hi,

    I’ve just tested new version.

    Desktop scores are always good (LPC is 0.5sec), but mobile:

    1. I started with adding importance=”high” and even importance=”highest” but without success. Chrome waterfall shows that browser doesn’t care about importance and my picture is loaded as 6th ?? even after async css (fonts) – LPC: 3.5sec

    2. “Disable JS link preload” changes everything, and LPC drops to 1.6sec !!!

    I would say it should be recommended ??

    Thanks for adding.

    Thread Starter netimm

    (@netimm)

    Why do my LPC time suffers ?

    I’m adding <link rel=’preload’ href=’link_to_the_biggest_picture’ as=’image’ /> to my site by calling add_action( ‘wp_head’,…), but its always AFTER your preloading header.min.js and footer.min.js, so its FORTH in a line (css, header.min.js, footer.min.js, and my_picture).

    1. mobile browser starts downloading only 3 of those resources simultaneously and put my picture on waiting list. after one of those 3 is downloaded, it starts download my picture, and than shows it.

    2. without preloading header.min.js and footer.min.js, my own preloading picture is SECOND in line, so it’s downloaded simultaneously with css and shown faster ! after it’s already shown (LCP is smaller), header.min.js and footer.min.js are downloaded and rest of the page is rendered and animated.

    It you want, I can send you screenshots of waterfall with and without preloading header.min.js and footer.min.js. (Pagespeed Insights results also support my way of thinking).

    Thread Starter netimm

    (@netimm)

    In fact just deleting:

    
<link rel="preload" href="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-6936f852571bfdab8b1dd2e5647911f7b29ee3b7.header.min.js" as="script" />
<link rel="preload" href="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-e89e28016b2f6b25fc2de8259f3a7c3a28a39587.footer.min.js" as="script" />

    makes my page’s scores super high ! and everything works great.

    Thread Starter netimm

    (@netimm)

    HI,

    Thank you very much – I confirm now, everything works ok.

    I have differen problem:

    now, my page is:

    ————

    <html lang="pl-PL">
<head>
<meta charset="UTF-8">
<link rel="preload" href="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-28ec5abc734a3f17c60ba8aab92a70fbeab50705.min.css" as="style" media="all" />
<link rel="preload" href="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-6936f852571bfdab8b1dd2e5647911f7b29ee3b7.header.min.js" as="script" />
<link rel="preload" href="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-e89e28016b2f6b25fc2de8259f3a7c3a28a39587.footer.min.js" as="script" />
<script data-cfasync="false">function fvmuag(){var e=navigator.userAgent;if(e.match(/x11.*ox\/54|id\s4.*us.*ome\/62|oobo|ight|tmet|eadl|ngdo|PTST/i))return!1;if(e.match(/x11.*me\/86\.0/i)){var r=screen.width;if("number"==typeof r&&1367==r)return!1}return!0}</script>
<script data-cfasync="false" id="fvmlpcss">var fvmft;fvmuag()&&((fvmft=document.getElementById("fvmlpcss")).outerHTML="<link rel='stylesheet' href='https:\/\/www.instaglass.pl\/wp-content\/cache\/fvm\/min\/www.instaglass.pl\/1609688105-b1af04844d8aa56ca5c56ecbb6b21e80f0201e3b.min.css' media='all' \/>");</script>
<link rel="stylesheet" href="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-28ec5abc734a3f17c60ba8aab92a70fbeab50705.min.css" media="all" />
<script data-cfasync="false" src="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-6936f852571bfdab8b1dd2e5647911f7b29ee3b7.header.min.js"></script>
<script data-cfasync="false" defer src="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-e89e28016b2f6b25fc2de8259f3a7c3a28a39587.footer.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel='preload' href='https://www.instaglass.pl/wp-content/uploads/2020/03/Szk?o_hartowane-min.jpg' as='image' />

    ——-

    if I change manually 2 things, my page gets the best scors both mobile and desktop, but I don’t know how to force your plugin to do so:

    1. I need to put my own preload on the beginning of head, than LCP is great (otherwise this resources is queened):
    <link rel='preload' href='https://www.instaglass.pl/wp-content/uploads/2020/03/Szk?o_hartowane-min.jpg' as='image' />

    I add it in functions.php
    add_action( ‘wp_head’, ‘marek_add_preload_tag’, 0);

    how to go before yours ?

    2. How to remove:

    
<link rel="preload" href="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-6936f852571bfdab8b1dd2e5647911f7b29ee3b7.header.min.js" as="script" />
<link rel="preload" href="https://www.instaglass.pl/wp-content/cache/fvm/min/www.instaglass.pl/1609688105-e89e28016b2f6b25fc2de8259f3a7c3a28a39587.footer.min.js" as="script" />

    without them page works fine and scores are great.

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)