问题标签 [load-time]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
fullcalendar - 在 FullCalendar 加载之前获取所有 GoogleCalendar 事件
我目前正在使用 Adam Shaw 的 jQuery Calendar 'FullCalendar',并且在日历渲染中遇到了明显的延迟。简而言之,页面出现,1 秒过去,日历弹出,再过一秒,然后事件填充页面,这里。有没有办法只获取今天日期前后的一定数量的事件?甚至立即加载日历也会是一种改进。我也在使用 Craig Thompson 的 qTip2。
Javascript
ios - iOS 启动图像下会发生什么?
如果我试图减少我的应用程序的加载时间(即在初始视图控制器出现之前启动图像可见的时间),我应该把精力集中在哪里?我发现了一些处理长启动时间的问题(如this ),但它们似乎只关注第一个视图控制器的性能。我正在寻找有关应用程序生命周期一开始的更多信息,以及我可能能够清理哪些方法以改善启动图像持续时间。
我想application:didFinishLaunchingWithOptions:
inAppDelegate
可能会在那个时间窗口中被调用,但还有其他什么吗?假设来自 Xcode 模板的基本应用程序设计,没有不寻常的构建规则或类似的东西。除了didFinishLaunching
第一个视图控制器的加载方法之外,我还有其他地方应该看吗?
performance-testing - 衡量 Web 应用程序中的页面渲染/加载时间有多重要
当我们测试 Web 应用程序的性能时,人们通常关注什么?是http响应时间吗?还是页面在收到来自服务器的响应后在客户端浏览器上完全加载/呈现所花费的时间?
整个行业的一般衡量标准是什么?你对什么时候应该做有什么建议吗?
你有相同的工具推荐吗?
在客户端收到响应后,我可以使用 Visual Studio Web 测试来衡量网页加载/呈现时间方面的性能吗?还是只是http响应时间?
php - 在同一页面中组合特定页面样式和全局样式时的性能
我的主要目标是尽可能快地加载多个页面。为此,我想同时利用缓存和一种“特殊技术”,作为后备,它依赖于标准缓存。
结构
在后端,我有以下结构。public_html 中有一个主页面和几个子页面,每个子页面都有各自不同的特定 css 规则。所有最小化文件的创建都是由脚本完成的,因此没有额外的复杂性。为简单起见,我们假设这是结构,尽管它更复杂:
第一个请求
所以当用户第一次进入子页面时,他们会收到这个 html 代码:
如您所见,用户在一个小文件中的页眉中加载了该页面所需的所有 css 代码。请注意,这比使第一个请求加载更快的要/subjects/min.css
小得多。/min.css
然后,在正确加载完整的 html 和 css 后,/min.css
将开始加载。该文件包含所有子页面样式。
请注意,将放在tag中是合适的<link>
<body>
,即使它不起作用,也没有问题,因为已经加载了特定于页面的样式。为什么我在这里加载这个?继续阅读:
以下请求
对于该会话的第二个和后续请求,用户将收到以下 html 代码:
/min.css
应该已经从第一个请求缓存。但是,如果由于某种原因它不是,它现在将加载完整的最小化样式,就像在任何普通网站中一样。这将是后备情况。
这是一个有效的方案吗?为什么我以前没有见过这样的事情?它是否包含任何逻辑错误?
这些是我可以看到的主要问题,与好处相比还不够强大:
- 它给代码增加了一些额外的复杂性。
- 在一切都已经加载之后,需要提出一个额外的请求。这会在服务器上增加一点开销,但它是一个静态文件。
关于评论的注释:
浏览器会发出更少的请求。确实如此,这样浏览器会执行一个额外的请求。但是,它是在加载 html 和 css 之后,所以这不会对 html 产生很大影响。
缓存。是的,我正在尽我所能去抓文件。
<link>
但是,如果它在内部,可以针对缓存提出一点<body>
,因为我不知道缓存的行为是否不同,我只在问题中假设是。
javascript - Dart 与 JavaScript 加载时间比较
我创建了 2 个版本的 Google 地图应用程序 - 一个使用 Dart,另一个使用从原始 Dart 代码编译的 JavaScript 代码。我在我的计算机上本地而不是在公共互联网上运行这两个,我正在寻找一种方法来记录每个的加载速度以比较它们是否有这样做的方法或服务/程序这样做?
mysql - phpmyadmin 未在 Web 服务器上加载
phpMyAdmin 不想在服务器上加载。所有其他网络应用程序(Piwik、RoundCube 等)都可以在同一网络服务器上正常加载。所有 webapp 都在与同一个 MySQL 服务器通信。
DB Server 的加载时间为 0.99、0.92、0.56(双核 cpu)。
Web 服务器的加载时间为 0.00、0.08、0.10。
javascript - 前端最小化加载时间
我正在使用 new-relic,对于我的网站,主页平均需要 8 秒才能完全加载。网络请求很快,但是 dom 和页面渲染是什么减慢了它。我有 google+、facebook、twitter 分享按钮和 bxslider。
当我在浏览器中运行它时,需要 2-4 秒。我对如何优化前端性能不是很熟悉。我很震惊它花了这么长时间。
如果有人可以给我提示以加快速度;那很好啊。
我试图弄清楚如何使用 google chrome profiler 工具,但它说 80% 空闲。
- 布朗是网络
- 黄色是DOM
- 蓝色是页面渲染
javascript - 减少图像加载时间和带宽使用的最有效方法
我有一个巨大的图像加载在我的网站主页上,1366*690px
我意识到这是巨大的,并决定考虑加快加载时间。
我首先通过Smush.it运行它
然后我编写了一些 javascript 来根据浏览器分辨率动态加载不同的图像:
我现在正在寻求有关如何更快地加快进程的建议,我想我记得在某处读到将图像分成两部分会加快页面速度,这不是为什么在用图像制作渐变时,你会制作它们1px 宽?(并重复)?
当前文件大小(按浏览器宽度)如下所示:
注意:所有这些图像在 css 中的宽度都是 100%
我也知道与位深度(8,16,24,32)的数量有关,而且我不希望降低图片质量太多,您认为网络可以接受多少?我当前的位深度是 24,是不是太多了?
你会如何为网络优化这样的图像?
magento - Magento 大型属性列表 - CSV 导入和潜在响应时间问题
我对 Magento 比较陌生,并且对 CSV 导入过程以及大属性可能对数据库/响应时间产生的任何影响有疑问。
我店里的每种产品可能有多达 200 种不同的颜色变化以及 6 种左右的尺寸变化。导入这个最简单的方法是什么?在其他电子商务解决方案中,我创建了一个 CSV 文件并添加了一行(每个产品),并用逗号分隔了相应字段中的变量。但是,据我所知,Magento 中的每个变体都必须在自己的行中,这意味着我的导入文件会很大。任何人都可以为我提供更简单的解决方案吗?
另外,我的大型属性列表对加载时间有什么影响?
提前致谢。
jquery - Jquery bxSlider 加载和运行缓慢
在我的一个网站上,我使用的是Jquery bxSlider 插件。我注意到它在此页面上的加载和运行速度非常慢。我已经压缩了图片,但它仍然不会更快地加载。如何让图像加载更快并使滑块功能更好?
提前致谢。