Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 更快的网站提示_Php_Jquery_Html_Css_Optimization - Fatal编程技术网

Php 更快的网站提示

Php 更快的网站提示,php,jquery,html,css,optimization,Php,Jquery,Html,Css,Optimization,我想知道是否有任何提示和技巧,我的网站加载更快? 例如,在我的网站中,我有4组背景图像,悬停时切换。 有没有办法在之前加载它们有jquery插件吗 如果我在php中回显一个div,其中包含我站点中的所有图像,并且在DOCTYPE之前显示none。有帮助吗? 和html/css/jquery的一般提示? 欢迎所有建议 谢谢。使用可以大大加快图像加载速度。 使用它只需要将图像连接起来。我可以帮你 如果你想给人一种一次加载所有背景的错觉,试着使用PNG。我想你可以在这里找到一些非常好的提示: 尤其

我想知道是否有任何提示和技巧,我的网站加载更快?

例如,在我的网站中,我有4组背景图像,悬停时切换。
有没有办法在之前加载它们
有jquery插件吗

如果我在php中回显一个div,其中包含我站点中的所有图像,并且在DOCTYPE之前显示none。有帮助吗?

和html/css/jquery的一般提示?

欢迎所有建议


谢谢。

使用可以大大加快图像加载速度。 使用它只需要将图像连接起来。我可以帮你


如果你想给人一种一次加载所有背景的错觉,试着使用PNG。

我想你可以在这里找到一些非常好的提示:

尤其是在这里:


我认为你可以做一些事情

  • 减少请求的数量。您可以制作并将所有图像放在一起
  • 使用APC和其他缓存机制
  • 使用
  • Apache缓存模块
  • 你可以用谷歌的。并充分利用它们

但我认为最好的方法是有一个好的编程网站和一个好的结构。这意味着不要加载太多的类,只加载您需要的类和更多的类。在这里,您可以查看设计模式

了解这一点的一种交互方式是在firefox上使用Firebug插件的Y-Slow扩展。此插件将评估您当前的网站,并为您提供有关CSS、压缩等方面的适当改进提示。

PageSpeed Insights for Chrome 如果你下载Google Chrome的插件,它会列出这些帮助网站更快的事实。

  • 避免CSS@import

    在外部样式表中使用CSS@import会在加载网页期间增加额外的延迟

  • 避免元标记中的字符集
  • 避免不好的请求
  • 将图像合并到CSS精灵中
  • JavaScript的延迟解析
  • 启用保持活动状态
  • 启用压缩
  • 内联小型CSS
  • 内联小型JavaScript
  • 浏览器缓存
  • 使登录页重定向可缓存
  • 缩小CSS
  • 缩小HTML
  • 最小化重定向
  • 最小化请求大小
  • 优化图像
  • 优化样式和脚本的顺序
  • 更喜欢异步资源
  • 将CSS放在文档头中
  • 从静态资源中删除查询字符串
  • 从一致的URL提供资源
  • 提供缩放图像
  • 指定一个Vary:Accept编码头
  • 指定缓存验证程序
  • 指定字符集
  • 指定图像尺寸
  • 如果你真的想要一个更快的网站,请简化它。不要添加太多KB的js。输出一些格式良好的HTML代码。浏览器需要做的事情越少,速度就越快。用户下载的数据越少,下载的速度就越快。您的答案是编写干净高效的代码,而不是使用拐杖和绷带。预加载图像不是一个坏主意,但它可能不会解决一个设计糟糕的网站。那怎么办?检查此链接,删除解释(其中一些建议在没有附加注释的情况下非常糟糕)。@Quentin你做出此断言时,我正在编辑它。我打赌你也投了反对票。发布后只需10秒。谢谢您的帮助!如果我有两张中等大小的图片(网站背景),最好是一张大的精灵图片吗?如果你使用精灵,它会加快背景之间的切换。因此,虽然初始加载时间可能稍长,但后续加载时间将较短。