5种方法加快你的网站

九游会客户端——2010年12月7日,星期二

如果我在连接速度很快的电脑上访问一个网站的主页, 过了5秒钟,还是有很多页不见了, 什么是错的. 为了让互联网成为更好的地方, 尤其是那些没有闪电般快速连接的人, 我总结了一些可以帮助你加快网站浏览速度的技巧.

  1. 优化你的图片

    这是一个大问题. 通常如果一个网页需要很长时间来加载, 我发现最大的带宽消耗者是没有被合理压缩的图像集合. 当把你网站的图片放在一起时,使用适当的压缩. 如果你使用JPEG, 对于照片或其他复杂的图像,你通常应该怎么做, 使用最好的压缩(最小的文件大小),你可以不让它看起来很糟糕. 一个大的特色图像不应该超过75k,如果可能的话应该更少. 其他图像(背景, 按钮, 边界, 等) should be considerably 小; they can add up quickly. 尽可能平铺——例如,一个简单的渐变通常可以是一个像素宽或一个像素高, 取决于梯度的方向. 您还应该仔细选择文件类型. 对于只有少量颜色的简单图形, 像一些按钮, GIF或PNG可以比JPEG小, 而且它们是无损的,颜色很少, 这意味着你不会出现jpeg格式的模糊. PNG还有两种类型. 其中一种使用多达256种颜色的调色板, 所谓的8位PNG, 还有一个使用RGBA频道, 被称为24位PNG. 24位PNG是获得部分透明图像的最佳方式, 但如果这是不需要的,那么8位PNG 通常 小. Photoshop有一个很棒的功能叫做“保存为网络和设备”,它可以让你并排比较一堆文件类型. 最后,永远不要使用BMP文件. 它们没有任何压缩,而且占据了巨大的空间. 如果你需要一个完全无损的图像,使用24位PNG,但要有节制地使用. 另一个图形选项是SVG(可缩放矢量图形)格式. 它使用基于xml的文本格式来描述图像应该如何显示. 经过优化后,SVG文件可以比PNG小14或15倍.

  2. 巩固你的文件

    从服务器请求数据的浏览器使用超文本传输协议(HTTP)。其他协议正在开发中,可能最终在很大程度上取代HTTP, 但事实上, 数据被发送到请求每个文件的服务器, 然后将文件大小的信息发送回客户端, MIME类型, 等, 以及文件本身. 来回发送的超过文件本身的数据并不多, 但如果你要请求一堆文件,就会累加. 因此,尽可能将多个图像放到一个文件中通常是一个好主意. 例如, 一个120像素* 30像素的按钮,带有默认图像, 一个盘旋的形象, 和一个活动的(点击)图像-您可以创建一个120像素× 90像素的图像, 将每个按钮样式放在图像上, 垂直排列的, 并使用CSS更改 位置 背景上的图像. 因为你的按钮是120x30, 它一次只会显示图片的三分之一, CSS可以告诉它显示哪三分之一. 将三张图片转换成一张图片是很好的,但是请考虑一下 这张图片 来自流行的jQuery JavaScript框架. 如果你在一个页面上使用所有(或多个)这些图标, 你通过把它们放在一起来减少大量的请求. +, 通常, 将图像放在一个文件中会比单独的图像的文件大小更小. 脚本和样式表也可以合并以减少请求.

  3. 缓存控制

    在不太可能更改的文件上设置长期缓存控制标题可以为重复访问的用户节省一些流量. 可以通过服务器缓存来提高效果, 如果您有大量服务器生成的内容,不需要频繁更新. 在这种情况下, 您可以使用各种方法来确保只在一段时间内生成内容. 一般来说,这意味着每隔一段时间就会有一个访问者有较慢的加载体验. 如果你能在你的服务器上建立一个机制,更新内容独立于web请求, 你也可以消除这个偶尔出现的问题.

  4. 最小化对插件的依赖

    其中最大的一个就是Flash. 虽然Flash可以很好地优化, 它通常不是, 用Flash制作的整个网站几乎总是很俗气,很难导航(后退和前进按钮). 此外,它还会大大降低没有良好图形或内存资源的机器的速度. 一般来说,在网站的某些部分使用Flash是可以的, 虽然iPhone和iPad看不到,所以你可以考虑替代它们. 使用 HTML5标签 使用内置的浏览器函数而不是笨重的插件是一个很好的方法吗. 当然,并不是每个人都有支持HTML5的浏览器,所以选择其他浏览器是个不错的主意.

  5. 控件何时加载数据

    这可以通过两种基本的、有些相反的方式实现. 首先,延迟载入. 如果你有一个页面,里面有大量的内容不能马上显示出来, 因为它们在手风琴布局中, 通过使用AJAX只在需要时加载每个部分的内容,可以节省初始加载时间. 这样做的缺点是,当你确实需要数据时,它不是即时的——它必须被下载. 然而,这种技巧可以与下一个技巧一起使用,以取得更好的效果. 另一种方法是预加载内容. 如果有几个连续的页面, 让客户端缓存下一页(在当前页面完全加载后)可以提高浏览速度. 只需使用延迟的AJAX加载下面的页面, 它应该留在用户的缓存中, 所以当他们点击“下一步”时,它就已经下载了.这两种技术可以结合在一起,让页面只加载最初显示的内容, 然后系统地按顺序或根据需要导入其余部分.

还有其他的事情可以做, 特别是使用支持发送GZip数据的服务器, 但大多数服务器会自动完成此操作, 如果你的主机不是这样,除了更换主机,你通常不能做很多事情来修复它. 更快的服务器也会有所帮助, 但是再一次, 如果你的网站由别人托管,你通常需要更换提供商或计划换一个更好的服务器.

九游会客户端
九游会客户端是一家专注于全方位服务的创意机构 网页设计打印身份品牌界面设计视频制作静止摄影 而且 运动设计. 用我们对卓越的热情,多元文化背景,和 获奖 实践, 我们一贯提供高品质的, 自定义, 创新的解决方案,以满足客户多样化的营销需求. 欲了解更多信息,请访问 www.MatchaDesign.com.