Javascript 手机上的移动网站速度太慢

Javascript 手机上的移动网站速度太慢,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,我正在为一个网站的移动部分构建一个原型。它不使用动态的工作人员,只是jQuery和基金会4。当我在iphone的浏览器中测试这个网站时,它的加载和响应速度都非常慢。请一些有经验的人告诉我所有的事情,以确保网站加载和运行速度更快的移动设备 我所有的图片都是“为网络”保存的,所以它们不应该是个问题。会不会因为我的CSS样式表很长而变慢?我还不是一个将一个类组合并应用于很多事情的专家,所以我可能有太多的id-s和单独的类?在这种情况下,这会是一件大事吗?另外,它是否很慢,因为我正在使用基础、jQuer

我正在为一个网站的移动部分构建一个原型。它不使用动态的工作人员,只是jQuery和基金会4。当我在iphone的浏览器中测试这个网站时,它的加载和响应速度都非常慢。请一些有经验的人告诉我所有的事情,以确保网站加载和运行速度更快的移动设备


我所有的图片都是“为网络”保存的,所以它们不应该是个问题。会不会因为我的CSS样式表很长而变慢?我还不是一个将一个类组合并应用于很多事情的专家,所以我可能有太多的id-s和单独的类?在这种情况下,这会是一件大事吗?另外,它是否很慢,因为我正在使用基础、jQuery和FLULIDER插件,每个插件都有自己的多样式表单和.js文件?我应该从他们的文件夹中扔掉我不使用的任何文件吗?我在正确的轨道上吗?我还能做什么?先谢谢你

有一些东西帮助我使我的移动应用程序更快。我和你有同样的问题,屏幕反应很低


清除所有未使用的代码

我有很多注释过的代码和文件,实际上我没有使用它们。这包括未使用的css样式

您甚至需要类或ID吗?

看看我的应用程序,我几乎在任何元素上都有一个类或Id。相反,我可以使用元素选择器。有关选择器的更多信息。遵循DOM结构
我主要使用一个用于组的类和一个特定元素的ID(我几乎从不需要)

检查您是否有未添加内容的css样式

有时,您有多种样式,但实际上并没有添加任何内容。一个很好的例子是使用
float:*
显示:内联块。当在一个元素上同时使用这两个函数时,float没有额外的功能,因为默认情况下,float使元素内联块

优化脚本

我的意思是,看看你能不能用同样的功能缩短你的代码。使用两个几乎相同的函数?将它们缩短为一个函数。另外,使用脚本语言的premade函数将真正帮助您加快代码的编写速度。因此,不要创建自己的排序函数,而是使用premade函数。 要获得优化代码的帮助,我建议您看看

jQuery选择器

使jQuery选择器更加具体。例如:
您可能有一个包含类内容的div

<div class="content"></div>
你可以用

$('div.content' )
jQuery现在只能将搜索限制为DIV元素。
关于更高效jQuery选择器的更多信息

存储确定代码

当您获得信息时,例如screenWidth减去另一个div的宽度,并且您多次使用它时,请存储它!这样你的网页就不需要反复计算,只需要得到变量

使用一半插件时不要使用“大”插件

当你只使用你正在使用的插件的一小部分时,最好是自己找到或编写其他插件。加载插件文件可能会损害您的性能,如果实际上没有必要,那将是一种耻辱


这只是一个全球视野,我有一个很大的优势,我希望你能找到一个很好的使用这个


当我错的时候,请随时纠正我。

有一些东西帮助我让我的移动应用程序更快。我和你有同样的问题,屏幕反应很低


清除所有未使用的代码

我有很多注释过的代码和文件,实际上我没有使用它们。这包括未使用的css样式

您甚至需要类或ID吗?

看看我的应用程序,我几乎在任何元素上都有一个类或Id。相反,我可以使用元素选择器。有关选择器的更多信息。遵循DOM结构
我主要使用一个用于组的类和一个特定元素的ID(我几乎从不需要)

检查您是否有未添加内容的css样式

有时,您有多种样式,但实际上并没有添加任何内容。一个很好的例子是使用
float:*
显示:内联块。当在一个元素上同时使用这两个函数时,float没有额外的功能,因为默认情况下,float使元素内联块

优化脚本

我的意思是,看看你能不能用同样的功能缩短你的代码。使用两个几乎相同的函数?将它们缩短为一个函数。另外,使用脚本语言的premade函数将真正帮助您加快代码的编写速度。因此,不要创建自己的排序函数,而是使用premade函数。 要获得优化代码的帮助,我建议您看看

jQuery选择器

使jQuery选择器更加具体。例如:
您可能有一个包含类内容的div

<div class="content"></div>
你可以用

$('div.content' )
jQuery现在只能将搜索限制为DIV元素。
关于更高效jQuery选择器的更多信息

存储确定代码

当您获得信息时,例如screenWidth减去另一个div的宽度,并且您多次使用它时,请存储它!这样你的网页就不需要反复计算,只需要得到变量

使用一半插件时不要使用“大”插件

当你只使用你正在使用的插件的一小部分时,最好是自己找到或编写其他插件。加载插件文件可能会损害您的性能,如果实际上没有必要,那将是一种耻辱


这只是一个全球视野,我有一个很大的优势,我希望你能找到一个很好的使用这个


如果我错了,请随时纠正。

是的,是的,是的,你的网站是sl