Прочие вопросы о PunBB (Page 8 of 8)

How to defer load CSS scripts using a small Javascript
Unlike with CSS files there are HTML based methods for deferring and asynchronously loading Javascript files, namely script Defer and script Async. Unfortunately these HTML solutions do not work for CSS files. But do not worry, the below Javascript snippet comes to the rescue and will defer any CSS file you want:

<script type="text/javascript">
/* First CSS File */
var giftofspeed = document.createElement('link');
giftofspeed.rel = 'stylesheet';
giftofspeed.href = '../css/yourcssfile.css';
giftofspeed.type = 'text/css';
var godefer = document.getElementsByTagName('link')[0];
godefer.parentNode.insertBefore(giftofspeed, godefer);

/* Second CSS File */
var giftofspeed2 = document.createElement('link');
giftofspeed2.rel = 'stylesheet';
giftofspeed2.href = '../css/yourcssfile2.css';
giftofspeed2.type = 'text/css';
var godefer2 = document.getElementsByTagName('link')[0];
godefer2.parentNode.insertBefore(giftofspeed2, godefer2);
</script>
Copy and paste the above script preferably in the HTML footer and replace ../css/yourcssfile.css with the path of the CSS file you want to defer load. Remove the snippet for the Second CSS File when you are defer loading just one CSS file. When you want to defer load more than two CSS files you can copy the snippet for yourcssfile2.css and keep pasting copies of this snippet within the script tags. Remember to replace the number 2 in the script with other numbers or letters.


Don't forget to include the following snippet within the HTML head tag, this will ensure that devices or browsers that do not support Javascript can load the CSS files as well.

<noscript>
<link rel="stylesheet" type="text/css" href="../css/yourcssfile.css" />
<link rel="stylesheet" type="text/css" href="../css/yourcssfile2.css" />
</noscript>

if ($action == 'satimgrec') {if (isset($_POST['image_id'])) {
   $query = array(
      'DELETE'   => 'sat_images',
      'WHERE'      => 'uid='.$forum_user['id']." AND image_id='".$_POST['image_id']."'"
   );
//print_r($forum_db->query_build($query, true));
   $forum_db->query_build($query) or error(__FILE__, __LINE__);

   $query = array(
      'INSERT'   => 'uid, image_id, url, permalink_url, thumb_url, type',
      'INTO'      => 'sat_images',
      'VALUES'   => $forum_user['id'].", '".$_POST['image_id']."', '".$_POST['url']."', '".$_POST['permalink_url']."', '".$_POST['thumb_url']."', '".$_POST['type']."'"
   );
//print_r($forum_db->query_build($query, true));
   $forum_db->query_build($query) or error(__FILE__, __LINE__);

   redirect(forum_link($forum_url['index']), 'Ok!');
}}

DELETE FROM sat_images WHERE uid=2 AND image_id='cfc260e38608a41cf1ded33928ab3d99'
INSERT INTO sat_images (uid, image_id, url, permalink_url, thumb_url, type) VALUES(2, 'cfc260e38608a41cf1ded33928ab3d99', 'https://i.gyazo.com/cfc260e38608a41cf1ded33928ab3d99.jpg', 'https://gyazo.com/cfc260e38608a41cf1ded33928ab3d99', 'https://thumb.gyazo.com/thumb/200/eyJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfZmY5ZTQ2MDVmZWU5YTlkN2JkMTYwMzgwZWEzODViN2IifQ.HX6JU3WZ0cAtYOvOQnbHWeTooEQzotf6QGvhjCARugM-jpg.jpg', 'jpg')