css改为内联模式,提升页面渲染速度

ct-mobile-first
ycc 5 years ago
parent bb936b7540
commit 31c20171ab

@ -677,10 +677,16 @@ class Information extends CI_Controller
if (!empty($meta_news_video) && !empty($meta_video_picture)) { if (!empty($meta_news_video) && !empty($meta_video_picture)) {
$template = str_replace('<!--@TOP-VIDEO@-->', '<div class="detailtopbanner"><video autoplay="" controls="controls" id="bgvid" poster="' . $meta_video_picture . '" src="' . $meta_news_video . '" style="position: inherit;"> </video></div>', $template); $template = str_replace('<!--@TOP-VIDEO@-->', '<div class="detailtopbanner"><video autoplay="" controls="controls" id="bgvid" poster="' . $meta_video_picture . '" src="' . $meta_news_video . '" style="position: inherit;"> </video></div>', $template);
} }
//主样式表,内联模式
$main_css_string=compress_css(GET_HTTP('https://proxy-data.chinahighlights.com/css/mobile-first.css'));
$template = str_replace('<!--@MAIN-CSS@-->', '<style type="text/css">' . $main_css_string . '</style>', $template);
//额外样式 //额外样式
$meta_addon_css = get_meta($information->ic_id, 'meta_addon_css'); $meta_addon_css = get_meta($information->ic_id, 'meta_addon_css');
if (!empty($meta_addon_css)) { if (!empty($meta_addon_css)) {
$template = str_replace('<!--@ADDON-CSS@-->', '<link href="' . $meta_addon_css . '" rel="stylesheet">', $template); //引用方式 $template = str_replace('<!--@ADDON-CSS@-->', '<link href="' . $meta_addon_css . '" rel="stylesheet">', $template);
//内联方式
$meta_addon_css_string=compress_css(GET_HTTP($meta_addon_css));
$template = str_replace('<!--@ADDON-CSS@-->', '<style type="text/css">' . $meta_addon_css_string . '</style>', $template);
} }
//额外js //额外js
$meta_addon_js = get_meta($information->ic_id, 'meta_addon_js'); $meta_addon_js = get_meta($information->ic_id, 'meta_addon_js');

@ -20,22 +20,14 @@
<link rel="dns-prefetch" href="//www.google-analytics.com"> <link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="dns-prefetch" href="//connect.facebook.net"> <link rel="dns-prefetch" href="//connect.facebook.net">
<link rel="dns-prefetch" href="//www.facebook.com"> <link rel="dns-prefetch" href="//www.facebook.com">
<link href="https://data.chinahighlights.com/css/mobile-first.css?v=20210107" rel="stylesheet"> <!--@MAIN-CSS@-->
<!--@ADDON-CSS@--> <!--@ADDON-CSS@-->
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) { <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
w[l] = w[l] || []; new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
w[l].push({ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'gtm.start': 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
new Date().getTime(), event: 'gtm.js' })(window,document,'script','dataLayer','GTM-T75N4LL');</script>
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-T75N4LL');</script>
<!-- End Google Tag Manager --> <!-- End Google Tag Manager -->
</head> </head>
<body> <body>

@ -9,7 +9,7 @@
<meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport"> <meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport">
<!--@OG:IMAGE@--> <!--@OG:IMAGE@-->
<link rel="shortcut icon" href="//data.chinahighlights.com/favicon.ico"> <link rel="shortcut icon" href="//data.chinahighlights.com/favicon.ico">
<link href="https://data.chinahighlights.com/css/mobile-first.css?v=20210107" rel="stylesheet"> <!--@MAIN-CSS@-->
<!--@ADDON-CSS@--> <!--@ADDON-CSS@-->
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

Loading…
Cancel
Save