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