提高页面加载速度
Posted djwhome
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了提高页面加载速度相关的知识,希望对你有一定的参考价值。
在做项目的是时候;有时候为了方便把平时需要的插件 css js都写在了layouts页面中,这样其他页面中就不需要再写一次了,
但是
但是
但是
这样不需要这些文件的页面也需要花时间去加载 有的特别耗费时间,这样就拖慢了页面的加载速度
所以最好的是把最基本的,每个页面都需要的css js写在layouts中,
然后其他的各自所需的css js写在各自的页面中,
这样就很耗费时间
layouts页面
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link href="{{ asset(‘css/css.css‘) }}" rel="stylesheet"> <link href="{{ asset(‘bootstrap/css/bootstrap.min.css‘) }}" rel="stylesheet"> <script src="{{ asset(‘js/jquery-3.2.1.min.js‘) }}"></script> <script src="{{ asset(‘bootstrap/js/bootstrap.min.js‘) }}"></script> <link href="{{ asset(‘css/bootstrap-datetimepicker.min.css‘) }}" rel="stylesheet"> <script src="{{ asset(‘js/bootstrap-datetimepicker.js‘) }}"></script> <script src="{{ asset(‘js/bootstrap-datetimepicker.zh-CN.js‘) }}"></script> <!-- multiselect: --> <script type="text/javascript" src="{{ asset(‘js/bootstrap-multiselect.js‘) }}"></script> <link rel="stylesheet" href="{{ asset(‘css/bootstrap-multiselect.css‘) }}" type="text/css"/> <script src="{{asset(‘layer/layer.js‘)}}"></script> @yield(‘link‘) <script type="text/javascript"> $(‘.dropdown-toggle‘).dropdown() </script> <style> </style> </head>
单个的页面中
@section(‘link‘) <link rel="stylesheet" href="{{ asset(‘select/bootstrap-select.min.css‘)}}"> <script type="text/javascript" src="{{ asset(‘select/bootstrap-select.js‘)}}"></script> <script type="text/javascript" src="{{ asset(‘select/defaults-zh_CN.js‘)}}"></script> <script src="{{asset(‘layer/layer.js‘)}}"></script> <script src="{{asset(‘js/echarts.min.js‘)}}"></script> @endsection
以上是关于提高页面加载速度的主要内容,如果未能解决你的问题,请参考以下文章