`
cd0281
  • 浏览: 122598 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

web页面的提前加载js

    博客分类：
  • web
WebJSPCSSHTML 
阅读更多
如在登入页面输入用户名密码的时候。可以提前加载后续需要用的js。这个有利于后面页面加载的速度。
使用iframe的加载方式 

<script>

function pageOnLoad(){
	try{
		if(window.parent != window){ 
			top.document.location.href = document.location.href;   
        }else{
        	initJS();
        }
	}catch(e){

	}   
}
function initJS(){
	document.getElementById("loadIfr").src="index_pre_load.jsp";
}
</script>
<body class="LoginDiv" onload="pageOnLoad();" scroll="no">

<iframe id="loadIfr" src="" width="0" height="0" frameborder="0"></iframe>



这样就会加载里面的
index_pre_load.jsp里面的js，css等文件
分享到：
| oracle的一些调优建议（5）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    页面延迟加载JS包 lazyload.js scrollloading.js

    页面延迟加载技术是一种优化网页性能的...综上所述，"lazyload.js"和"scrollloading.js"是实现页面延迟加载的重要工具，它们有助于优化网页性能，提高用户体验，同时也需要开发者根据具体项目需求进行合理配置和优化。

    图片预加载js

    综上所述，图片预加载js是提升网页性能的重要手段，通过合理的预加载策略和JavaScript技巧，我们可以优化用户体验，减少用户等待时间，同时兼顾服务器负载。在实际项目中，应根据具体需求和场景选择合适的方法来实现...

    jquery图片预加载

    总的来说，jQuery图片预加载技术通过提前加载图片资源，提高了网页的响应速度和用户体验。正确理解和应用预加载策略，是现代网页开发中的重要技能。在实际项目中，还需要根据具体需求和性能考虑，灵活选择和优化预...

    H5多种加载效果loading，H5页面加载中动画

    本话题将深入探讨"H5多种加载效果loading"，即H5页面在加载过程中使用的炫酷动画，旨在提升用户在等待页面完全加载时的体验。 一、什么是H5加载效果 H5加载效果，也称为“loading”或“预加载”，是指在页面内容...

    图片预加载+JS格式化工具包

    在IT行业中，优化用户...图片预加载技术可以优化用户体验，而JS代码格式化工具则可以提升开发效率，两者都是现代Web开发不可或缺的辅助手段。这两个小工具的结合，无疑为IT从业者提供了一套高效的工作流程解决方案。

    行业文档-设计装置-基于安卓平台浏览器Web页面的滑动加载方法.zip

    3. 使用预加载：预测用户可能滚动到的位置，提前加载相关数据。 4. 优化网络请求：合并相似的请求，减少网络通信次数。 六、处理滚动反馈 为了给用户提供良好的交互体验，滑动加载过程中应有适当的视觉反馈，例如...

    一堆演示用于不同的Web字体加载策略

    Web字体加载策略是网页设计中一个重要的考虑因素，它直接影响着页面的加载速度和用户体验。在JavaScript开发和CSS相关的领域，正确地管理Web字体的加载能够优化页面性能，避免"Flash of Unstyled Text"（FOUT）或...

    手机端h5页面适配+预加载+获取资源加载进度模板

    - **图片预加载**：使用JavaScript创建Image对象，提前加载图片资源，避免用户在滚动页面时出现延迟加载的现象。 - **CSS预加载**：通过CSS Sprites技术将多个小图标合并成一张大图，减少HTTP请求次数，提高加载...

    js上拉刷新下拉加载

    - **预加载**：在用户还未滚动到某部分时，提前加载部分数据，提供更流畅的用户体验。 - **提示信息**：在加载过程中显示提示信息，让用户知道数据正在加载，避免出现空白或卡顿感。 6. **响应式设计**： 考虑到...

    页面加载时的验证

    5. **预加载和预读取**：通过`&lt;link rel="preload"&gt;`或`&lt;link rel="prefetch"&gt;`提前加载用户可能需要的资源。 6. **代码分割**：在React或Vue等框架中，将应用拆分成多个块，按需加载，减少首次加载量。 7. **优化...

    页面加载等待效果

    当页面数据量较大，比如包含大量图片、视频或者复杂的JavaScript交互时，加载过程可能会变得较慢，这可能导致用户感到不耐烦或疑惑是否网页已出现问题。为了解决这个问题，"页面加载等待效果"被广泛采用，它在页面...

    动态加载js

    动态加载JavaScript（JS）是一种优化网页性能的技术，它允许网页在需要时按需加载脚本，而不是一次性在页面加载时全部加载。这种策略可以显著减少初始页面加载时间，提高用户体验，特别是对于那些包含大量JavaScript...

    ajax页面预加载

    1. **JavaScript实现**：使用 Ajax 请求提前加载数据，或者使用 `link` 标签预加载图片、CSS、字体等资源。 2. **HTML5 Prefetch 和 Prerender**：`&lt;link rel="prefetch"&gt;` 提前获取资源，`&lt;link rel="prerender"&gt;` ...

    53个html加载动画，loading动画，加载过程gif

    6. **预加载策略**：为了优化用户体验，开发者会采用预加载策略，提前加载部分关键资源，如字体、图片或视频。这时，加载动画可以与预加载进度关联，让用户了解加载的状态。 7. **响应式设计**：考虑到不同设备的...

    javascript事件加载与预加载共9页.pdf.zip

    总结，JavaScript事件加载关乎如何高效响应用户交互，而预加载则关乎如何提前获取并准备页面所需资源。了解和掌握这两者，对于优化Web应用性能至关重要。在实践中，应根据具体场景灵活应用，确保在提升用户体验的...

    网页或web速度提升方法，javascript提升速度

    总结，提升网页或Web应用的速度涉及多个方面，从JavaScript的加载方式、代码优化、资源管理到利用工具进行性能分析，每个环节都需要细致入微的考虑。只有全面地优化，才能提供给用户流畅、快速的上网体验。

    仿抖音短视频小程序APP组件（超高性能）自动预加载

    3. **自动预加载**：组件具备智能预加载机制，当用户接近视频列表的边界时，组件会提前加载接下来的内容，确保无缝过渡，提高用户体验。 4. **高度可自定义**：这意味着开发者可以根据需求调整组件的样式和布局，...

    jQuery页面区域预加载布局代码.zip

    预加载（Preloading）是指在用户实际交互之前，提前加载部分或全部页面资源，如图片、音频、视频等，以减少用户等待时间，提升页面加载速度。在jQuery中，我们可以利用其强大的选择器功能和动画效果来实现各种预加载...

    Pegasus-Javascript库数据加载速度更快

    - **预加载**：预测用户可能需要的数据，提前加载，减少等待时间。 - **数据更新**：通过Pegasus的API实现数据的动态更新，无需刷新整个页面，提高用户体验。 - **缓存策略调整**：根据应用特性和用户行为，自定义...

    图片懒加载（延迟加载）

    此外，还可以使用Web Workers进行后台图片预加载，或者利用Intersection Observer的`rootMargin`属性提前加载即将进入视口的图片。 三、懒加载的适用场景 - 图片画廊和相册 - 长滚动的文章或博客 - 产品展示页面 -...

Magicbox
Global site tag (gtag.js) - Google Analytics