Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.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_Javascript_Html - Fatal编程技术网

PHP-优化加载过程

PHP-优化加载过程,php,javascript,html,Php,Javascript,Html,我运行了一个基于PHP的登录页面,上面有一个大标题图形和一个div,下面有常见的JavaScript共享按钮,如Twitter、Stumpleupon和Facebook。这些按钮减缓了下面所有内容的加载过程 所以我希望网站的重要部分首先出现,不太重要的部分应该在最后加载 如何存档? 谢谢 Michael最简单的方法是将所有JavaScript代码移到文档底部。它可能需要一些修改(即使用DOM函数而不是document.write)或重新设置样式,但会在这些小工具完全加载之前使站点可用。设置是一种

我运行了一个基于PHP的登录页面,上面有一个大标题图形和一个div,下面有常见的JavaScript共享按钮,如Twitter、Stumpleupon和Facebook。这些按钮减缓了下面所有内容的加载过程

所以我希望网站的重要部分首先出现,不太重要的部分应该在最后加载

如何存档? 谢谢
Michael

最简单的方法是将所有JavaScript代码移到文档底部。它可能需要一些修改(即使用DOM函数而不是
document.write
)或重新设置样式,但会在这些小工具完全加载之前使站点可用。设置是一种优雅但复杂的选择

连接多个JavaScript文档也有帮助,尤其是对于并发连接数较少的旧浏览器。您还可以将图形(主要是图标/徽标等)与。在最前沿,允许将图像嵌入HTML文档的源代码中。请在中阅读有关这些技术的更多信息

通过压缩HTML和CSS文档可以获得额外的加速。JavaScript文件也可以压缩,但缩小(例如使用)往往会获得更大的收益。您还应该为静态资源指定缓存指令

在服务器端,您应该真正使用php字节码缓存,比如。谷歌有一些关于php最佳实践的建议

一般资源:


这是一个很好的问题,也是一个比我写得更好的作者提出的问题。事实上,这篇文章是由雅虎提供的!给工作人员拍一张照片——这是关于这个主题的权威性文件,而且很容易理解:

另一个答案建议将Javascript移至页面底部。这可能会有所帮助,但不会解决您所有的问题,也不会对您的图像加载有多大帮助。来自雅虎在CSS spritesheet中,您最好将大量较小的图像交换为包含在CSS spritesheet中的单个图像,以减少HTTP请求开销,并确保为所有内容启用缓存


您还可以(高级!)做一些聪明、棘手的事情,比如只将重要的内容放在文档中,以及在初始加载完成后使用AJAX将javascript(位于页面底部)动态加载到“附加”中。漂亮

就像其他人说的那样,你需要。也许库使这项任务对您来说更容易一些?

您能提供一个指向您的页面的链接,或者一段我们可能会看到的代码(如head元素)吗?特别是StumbleUpon按钮速度慢,会阻碍加载过程。代码看起来是这样的:
我不太喜欢JavaScript,但我想如果你想在顶部使用它,就不能在底部加载,对吗?@Micheal没错。您只能在阻塞的标记之后使用它。幸运的是,海德斯公司为你提供了保险。。您可以将headjs放在顶部…作为另一个侧标记,您应该尝试使javascript成为外部()p.S:stumbleupon没有阻塞,正如您从本例中看到的那样。在按钮之前加载阻止文本=>感谢您到目前为止的精彩反馈,我真的非常感谢!我脑海中的一个想法是——如果我把共享按钮放在一个单独的PHP文件中——PHP主页面中的包含是否可以从页面底部开始?比如说使用JavaScript组合?