假设浏览器缓存为空-如何通过仅应用HTML/CSS/JavaScript代码更改来提高网页加载速度?
这意味着,不建议移动服务器,使用CDN等。只需更改代码以使其加载更快。
发布于 2009-08-18 02:21:53
将JS和CSS移出HTML,分别放入一个缩小的文件中。此外,如果可以,请减小任何图像的大小。我没有注意到任何翻转图像,但是如果你有的话,考虑一下CSS精灵。
发布于 2009-08-18 11:03:53
根据我的经验:
(1)为火狐安装YSlow和Page Speed extensions,并在可能的情况下遵循他们的建议。
(2)非常重要的一点:配置存放图片、JS和CSS文件目录的HTTP缓存。我只是将它们放在一个名为static的目录中,并在那里放入以下.htaccess文件:
<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文件中:
<IfModule mod_headers.c>
<FilesMatch "\\.(js|css|html|htm|php|xml)$">
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>发布于 2009-08-18 02:27:05
考虑到除了下载之外,HTML和CSS不涉及加载时间,如果您不愿意考虑将其移动到外部文件或使用服务器端解决方案(如压缩),那么除了缩小实际代码大小之外,您别无选择。真的,这对你的页面不会有多大影响。
根据你的Javascript..。你在页面中有大量的内联信息,这可能就是你速度慢的原因。不幸的是,我不能从一天中抽出一个小时来为你描述这一切。堆栈溢出不是免费工作...如果你愿意将缓慢缩小到一个特定的领域,我很乐意帮助分析它,但要求有人从你的整个网站从头开始分析它有点太多了。
https://stackoverflow.com/questions/1291457
复制相似问题