我正在尝试将我购买的主题中的某些功能集成到我的网站中,以提高网站速度,并在该主题网站上发现了这个有趣的功能。
现在我面临的问题是我的CSS样式表非常庞大(220kb),加载时间很长(3-4秒)。我正在努力减少它的大小,但那是另一个故事...
当我尝试在主题开发者的网站上加载完全相同的页面时,它加载得更快。经过检查,在我的网站上,我发现开发工具中样式表的“大小”和“内容”数量几乎相同。
在开发者的页面上,大小要比内容小得多。这是否意味着只从样式表中下载在HTML中调用的元素?如果是这样,如何实现这一点,因为听起来非常有效率。
我还以为是开发者的页面在我的浏览器上缓存了内容,但我已禁用缓存,它仍然只加载部分内容。
顺便说一下,我的网站缓存可以正常工作,我只是想加快初始加载时间。
有什么想法吗?
相关图像:
禁用缓存:
现在我面临的问题是我的CSS样式表非常庞大(220kb),加载时间很长(3-4秒)。我正在努力减少它的大小,但那是另一个故事...
当我尝试在主题开发者的网站上加载完全相同的页面时,它加载得更快。经过检查,在我的网站上,我发现开发工具中样式表的“大小”和“内容”数量几乎相同。
在开发者的页面上,大小要比内容小得多。这是否意味着只从样式表中下载在HTML中调用的元素?如果是这样,如何实现这一点,因为听起来非常有效率。
我还以为是开发者的页面在我的浏览器上缓存了内容,但我已禁用缓存,它仍然只加载部分内容。
顺便说一下,我的网站缓存可以正常工作,我只是想加快初始加载时间。
有什么想法吗?
相关图像:
禁用缓存:
一个小尺寸/内容比例的开发者网站 - http://i.imgur.com/B3uhOWF.png
我的网站尺寸与内容比例大约为1:1 - http://i.imgur.com/Ymu2YRz.png