关于如何使用 Javascript 加快页面速度的想法

Posted 2023-05-09

【中文标题】关于如何使用 Javascript 加快页面速度的想法

【英文标题】：Ideas About How Speed Up Page With Javascript

【发布时间】：2017-12-16 01:02:10

【问题描述】：

我已经建立了那个页面。它使用框架 vue.js 2 和 Jquery。 这让我大吃一惊，因为该页面非常慢。 各位专家能否帮助我了解如何加快速度。 谢谢各位。

该页面是： http://softwareapqp.com.br/teste/public/pecas/21/cronograma 您可以单击“编辑器”按钮和打开的蓝色按钮，您可以尝试拖放它。你会看到它真的很慢。 或者，您可以点击“Desenvolvimento Fornecedores”或“adicionar atividade”，查看模态打开缓慢的情况。

【问题讨论】：

1. 打开 Chrome DevTools； 2. 选择“审核”标签； 3. 选择“重新加载页面并审核加载”； 4. 点击“运行”

谢谢伙计。您对如何优化拖放有一些想法吗？它冻结了很多。

【参考方案1】：

快速浏览一下，您的权利不是无缝体验。它看起来不像 javascript 的问题，这更像是一个 UI/UX 问题。有一件事很突出，您在页面本身的垂直滚动内有一个垂直滚动内的水平滚动。

也许您可以拥有带有左右平移导航箭头的面板，当用户单击箭头而不是可滚动窗口时，它们会异步加载内容。这样，您只加载用户可以看到的内容，并且滚动页面不会那么痛苦。仅在有用时才加载数据/html，否则只会使您的内存/DOM 膨胀。