blocks|key|107367|text|你的页面上有无数的http请求。尝试通过使用spritesheets和内联css和javascript来减少请求的数量。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|107368|我看到你的菜单也用图片了？尝试使用@+font+-face指令的字体。(当您将鼠标悬停在菜单项上时，这也将防止您看到的闪光)|107369|并尝试使用jpeg(因为它们通常可以更好地压缩照片)用于幻灯片。为框架边框使用png以实现透明度。这也将允许更多的灵活性，因为你不必在photoshop中手动添加边框，如果有更多的照片要添加到sideshow中。|107370|你可以做很多其他的事情来提高你的速度。您应该尝试遵循现代web行业中的一些最佳实践。|107371|一些对你有用的资源：|107372|Move+the+Web+Forward|offset|length|107373|HTML5+Boilerplate|107374|entityMap|0|LINK|mutability|MUTABLE|url|http://movethewebforward.org/|1|http://html5boilerplate.com/^0|0|0|0|0|0|0|K|0|0|0|H|1|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|12|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|13|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|14|8|@]|9|@$L|15|M|16|1|17]]|A|$]]|$1|N|3|O|5|6|7|18|8|@]|9|@$L|19|M|1A|1|1B]]|A|$]]|$1|P|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]|X|$5|S|T|U|A|$V|Y]]]]

There's like a zillion http-requests on your page. Try reducing the number of requests by using spritesheets and inlining css and javascript. 

I see you are also using images for your menu? Try to use a font for that, with the @font-face directive. (this will also prevent the flash you are seeing, when you hover over the menu-items)

And try to use jpegs (as they allow much better compression for photographs in general) for the slideshow. Use a png for the frameborder to allow for transparency. This would also allow much more flexibility, since you don't have to manually add the frameborder in photoshop, should there be more photos to add to the sideshow.

There's like a ton of other stuff you could do to improve your speed. You should try to conform to some of the best practices in the modern web-industry.

Some useful resources for you:

<a href="http://movethewebforward.org/" rel="nofollow">Move the Web Forward</a>

<a href="http://html5boilerplate.com/" rel="nofollow">HTML5 Boilerplate</a>

blocks|key|3790329|text|你用Photoshop创建PNG了吗？如果是，您是否使用文件>保存为Web格式来保存图像？这将使PNG的大小减少一吨。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3790330|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Did you use Photoshop to create your PNGs? If so, did you use File > Save for Web to save the images? That will reduce the size of your PNGs by a ton.

blocks|key|3790358|text|尝试在火狐中运行YSlow插件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3790359|YSlow根据雅虎针对高性能网站的规则，分析网页速度慢的原因。|3790360|https://addons.mozilla.org/en-US/firefox/addon/yslow/|offset|length|3790361|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|1H|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

Try running the YSlow addon in Firefox.

YSlow analyses webpages and why they're slow based on Yahoo!'s rules for high performance web sites.

<a href="https://addons.mozilla.org/en-US/firefox/addon/yslow/" rel="nofollow">https://addons.mozilla.org/en-US/firefox/addon/yslow/</a>

blocks|key|106727|text|要使页面加载更快，需要做的事情：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|106728|106729|将所有的<scripts>放在body的末尾-这确保了在任何JavaScripts将你的图像loaded.|ordered-list-item|offset|length|style|CODE|106730|Convert到jpg之前，初始的css和html都会被渲染。由于您的图库图像没有透明度，因此不需要PNG.|106731|调整您的图库图像的大小，它们会在需要的情况下将较小的图标、菜单项和其他图形放入UglifyJs|106732|+|106733|+insead+of+servering+text+as+images|unordered-list-item|106734|
|106735|Use+css+gradients+of+gradients+in+images|106736|106737|Compress+your+JavaScript+in+images|106738|106739|Compress+your+JavaScript|106740|106741|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mishoo/UglifyJS|1|http://www.colorzilla.com/gradient-editor/^0|0|0|4|9|F|4|0|0|13|8|0|0|0|0|0|4|D|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1F|8|@$F|1G|G|1H|H|I]|$F|1I|G|1J|H|I]]|9|@]|A|$]]|$1|J|3|K|5|E|7|1K|8|@]|9|@]|A|$]]|$1|L|3|M|5|E|7|1L|8|@]|9|@$F|1M|G|1N|1|1O]]|A|$]]|$1|N|3|O|5|6|7|1P|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|1Q|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1R|8|@]|9|@]|A|$]]|$1|U|3|V|5|R|7|1S|8|@]|9|@$F|1T|G|1U|1|1V]]|A|$]]|$1|W|3|T|5|6|7|1W|8|@]|9|@]|A|$]]|$1|X|3|Y|5|R|7|1X|8|@]|9|@]|A|$]]|$1|Z|3|T|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|10|3|11|5|R|7|1Z|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|20|8|@]|9|@]|A|$]]|$1|13|3|-4|5|6|7|21|8|@]|9|@]|A|$]]]|14|$15|$5|16|17|18|A|$19|1A]]|1B|$5|16|17|18|A|$19|1C]]]]

Things to do to make your page load faster:

<ol>
<li>Put all <code>&lt;scripts&gt;</code> at the end of the <code>body</code> - this
ensures that initial css and html is rendered before any JavaScripts
is loaded.</li>
<li>Convert you images to jpg. Since your gallery images has no
transparency, there is no need for png.</li>
<li>Resize your gallery images, they are <a href="http://syndicatebox.com/portfolio/elizabeths/images/gallery-photos/12.png" rel="nofollow">bigger</a> that than needed</li>
<li>Put smaller icons, menu items and other graphics into <a href="http://css-tricks.com/158-css-sprites/" rel="nofollow">sprites</a></li>
<li>Use <a href="http://sixrevisions.com/css/font-face-guide/" rel="nofollow">@font-face</a> insead of servering text as images</li>
<li>Use <a href="http://www.colorzilla.com/gradient-editor/" rel="nofollow">css gradients</a> for of gradients in images</li>
<li>Compress your JavaScript using tools like <a href="https://github.com/mishoo/UglifyJS" rel="nofollow">UglifyJs</a></li>
</ol>

blocks|key|3790455|text|为Chrome和Firefox安装页面速度，它会测量你的速度，并对其进行评级，并给出如何提高页面速度的建议。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3790456|http://code.google.com/speed/page-speed/|offset|length|3790457|注:您必须在Chrome上接受Experimental+Extension+Apis，并安装Firefox的Firebug。|style|CODE|3790458|享受吧！|3790459|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|14|0|0|F|R|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|6|7|X|8|@$D|Y|E|Z|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|10|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|C]]]]

Install page speed for Chrome and Firefox, which measures your speed and rates it and gives you suggestions on how to improve your page's speed.

<a href="http://code.google.com/speed/page-speed/" rel="nofollow">http://code.google.com/speed/page-speed/</a>

N.B: You must accept <code>Experimental Extension Apis</code> on Chrome and install Firebug for Firefox.

Enjoy!

I have 8 MB in PNG files but the Problem is that i cant decompress them anymore i tried every png compressor. Maybe thre is also something in the code? Because the site takes damn forever to load. Is there a way i can compress the javascript or html or so?

Just take a look at the sourcecode and maybe its something there i can do to SPEED it up way faster?

Make site Load Faster

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有8MB的PNG文件，但问题是我不能再解压缩了，我尝试了每一个png压缩器。也许这也是代码中的一些东西？因为这个网站要花很长时间才能加载。有没有办法压缩javascript或者html之类的东西？只要看一下源代码，也许我可以做些什么来加快速度呢？

问提高网站加载速度
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问提高网站加载速度EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问提高网站加载速度
EN