首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >怎样才能让我的网页加载更快?

怎样才能让我的网页加载更快?
EN

Stack Overflow用户
提问于 2009-08-18 02:16:03
回答 15查看 2.6K关注 0票数 6

假设浏览器缓存为空-如何通过仅应用HTML/CSS/JavaScript代码更改来提高网页加载速度?

这意味着,不建议移动服务器,使用CDN等。只需更改代码以使其加载更快。

EN

回答 15

Stack Overflow用户

回答已采纳

发布于 2009-08-18 02:21:53

将JS和CSS移出HTML,分别放入一个缩小的文件中。此外,如果可以,请减小任何图像的大小。我没有注意到任何翻转图像,但是如果你有的话,考虑一下CSS精灵。

票数 9
EN

Stack Overflow用户

发布于 2009-08-18 11:03:53

根据我的经验:

(1)为火狐安装YSlowPage Speed extensions,并在可能的情况下遵循他们的建议。

(2)非常重要的一点:配置存放图片、JS和CSS文件目录的HTTP缓存。我只是将它们放在一个名为static的目录中,并在那里放入以下.htaccess文件:

代码语言:javascript
运行
复制
<IfModule mod_headers.c>
    Header set Cache-Control "max-age=29030400, public"
</IfModule>
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault A29030400
    ExpiresByType image/x-icon A29030400
    ExpiresByType application/x-javascript A29030400
    ExpiresByType application/javascript A29030400
    ExpiresByType text/css A29030400
    ExpiresByType image/gif A29030400
    ExpiresByType image/png A29030400
    ExpiresByType image/jpeg A29030400
    ExpiresByType text/plain A29030400
    ExpiresByType application/x-shockwave-flash A29030400
    ExpiresByType video/x-flv A29030400
    ExpiresByType application/pdf A29030400
    ExpiresByType text/html A29030400
</IfModule>

(3)从文件中提取CSS 代码,并将其放入一个单独的CSS文件中。

(4)将您的JS文件合并为一个文件。然后,使用JSMin压缩此文件将非常有用。

(5)对于静态文本文件,在Apache中打开gzip压缩。如果您的Apache服务器上有mod_deflate,请将其放入网站根目录下的.htaccess文件中:

代码语言:javascript
运行
复制
<IfModule mod_headers.c>
    <FilesMatch "\\.(js|css|html|htm|php|xml)$">
        SetOutputFilter DEFLATE
    </FilesMatch>
 </IfModule>
票数 9
EN

Stack Overflow用户

发布于 2009-08-18 02:27:05

考虑到除了下载之外,HTML和CSS不涉及加载时间,如果您不愿意考虑将其移动到外部文件或使用服务器端解决方案(如压缩),那么除了缩小实际代码大小之外,您别无选择。真的,这对你的页面不会有多大影响。

根据你的Javascript..。你在页面中有大量的内联信息,这可能就是你速度慢的原因。不幸的是,我不能从一天中抽出一个小时来为你描述这一切。堆栈溢出不是免费工作...如果你愿意将缓慢缩小到一个特定的领域,我很乐意帮助分析它,但要求有人从你的整个网站从头开始分析它有点太多了。

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1291457

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档