网站css太大了，废弃css，废旧css，未使用css太多了，导致网站加载非常卡。怎么优化？ New

浅生 · 发表于 11 小时前

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

网站css太大了，废弃css，废旧css，未使用css太多了，导致网站加载非常卡。怎么优化？

我用的是第三方模板，这个模板作者优化太差劲了，原文件css也非常大，好几个都是200~400kb的。也有可能跟我定制有关，因为我模板自身使用的css非常少的。

我看了缓存的css，也非常多，非常大。如下图所示。。

我用覆盖率查了一下，我浏览了常用的20几个页面。综合看了一下，未使用率高达95%。

综上，请问该如何优化？废弃代码太多，每次都全部加载，导致网站加载太卡了，专业程序员是如何优化这些废弃的代码的？

网站css太大了，废弃css，废旧css，未使用css太多了，导致网站加载非常卡。怎么优化？
New
css,非常,网站,优化,加载

网站css太大了，废弃css，废旧css，未使用css太多了，导致网站加载非常卡。怎么优化？
New
css,非常,网站,优化,加载

我知道答案回答被采纳将会获得1 贡献已有1人回答

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

拾光 · 发表于 11 小时前

怎么才能把废弃的，未使用的css代码删除掉。。找谁？

.ce-block { margin-top: 20px; margin-bottom: 20px;}.ce-block__content,.ce-toolbar__content { /* max-width:calc(100% - 50px) */ margin-left: auto; margin-right: auto;}/** * Plugin styles */.ce-header { position: relative; padding: 1px 0px 1px 15px; margin: 0; line-height: 1.25em; outline: none; margin-bottom: 10px;}.ce-header p,.ce-header div { padding: 0 !important; margin: 0 !important;}.ce-header::before { content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #155BD5; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: transparent; border-radius: 0;}/** * Styles for Plugin icon in Toolbar */.ce-header__icon {}.ce-header[contentEditable="true"][data-placeholder]::before { position: absolute; content: attr(data-placeholder); color: #707684; font-weight: normal; display: none; cursor: text;}.ce-header[contentEditable="true"][data-placeholder]:empty::before { display: block;}.ce-header[contentEditable="true"][data-placeholder]:empty:focus::before { display: none;}/* FontSize */h1.ce-header { font-size: 2.0em;}h2.ce-header { font-size: 1.7em;}h3.ce-header { font-size: 1.4em;}h4.ce-header { font-size: 1.15em;}h5.ce-header { font-size: 0.95em;}h6.ce-header { font-size: 0.8em;}/* Alignment*/.ce-header--right { text-align: right;}.ce-header--center { text-align: center;}.ce-header--left { text-align: left;}.ce-header--justify { text-align: justify;}.inline-code { background: rgba(250, 239, 240, 0.78); color: #b44437; padding: 3px 4px; border-radius: 5px; margin: 0 1px; font-family: inherit; font-size: 0.86em; font-weight: 500; letter-spacing: 0.3px;}