javascript - web - 在 chrome 上滚动时网站很慢-6ren

javascript - web - 在 chrome 上滚动时网站很慢

转载作者：行者123 更新时间：2023-11-30 20:02:14

24

4

<分区>

我的网站 ( https://whatifhq.com ) 加载速度很快。但是，当我尝试向下滚动时，它开始变得迟钝并且不再流畅。我只在 Chrome 中遇到过这个问题。 (在 chrome，edge，ie 上测试)。我在我的网站上使用 Chrome V 70、WordPress 和 PHP 7.1

我阅读了其他一些 SO 帖子，最推荐删除一些脚本、图像、动画。所以，我删除了 animate.css、Adsense 和其他一些图像。但是，它仍然无法正常工作。

此问题仅发生在桌面上。我网站的移动版本在同一台计算机上运行良好。 (移动端和桌面端内容基本一致。)

可能导致问题的一件事是我的 AJAX 无限滚动脚本。它检查窗口所在的位置，然后决定是否加载新内容。但是，此功能也在我的移动网站上，运行良好。此外，滚动问题也出现在没有 AJAX 的页面上，例如 https://whatifhq.com/question/where-can-one-find-some-good-resume-cv-templates/

我还进行了一些速度测试并获得了非常好的分数。 85%+ Pagespeed，所有“A”WebPageTest。

有人可以帮忙吗？

编辑:不是 Ajax。我删除了脚本，但页面仍然卡顿。

这是我的 AJAX 脚本

$(document).ready(function(){
    InfinitiScroll = Backbone.View.extend({
        el: 'body',
        initialize : function(){
            var view = this;

            $(window).scroll(function(){
                if($(window).scrollTop() >= ($(document).height() - $(window).height()) - 1000  && $("#post_loading").attr('data-fetch') == 1 ){
                    view.ajaxData(query_default);   
                }

            });

            var loading         = $('body').find('#post_loading'),
                fetch           = $(loading).data('fetch'),
                type            = $(loading).data('type'),
                term            = $(loading).data('term'),
                taxonomy        = $(loading).data('taxonomy'),
                posts_per_page  = $(loading).data('current-page'),
                sort            = $(loading).data('sort'),
                keyword         = $(loading).data('keyword'),
                query_default = {
                            action : 'et_post_sync',
                            method : 'scroll',
                            data : {
                                posts_per_page : posts_per_page,
                                type : type,
                                term : term,
                                taxonomy : taxonomy,
                                sort : sort,
                                page : 1,
                                keyword : keyword
                            }
                        };
            setInterval(function(){
                if($('ul#main_questions_list li.question-item').length < 6 && $("#post_loading").attr('data-fetch') == 1 ){
                    view.ajaxData(query_default);
                }                           
            }, 3000);                           

        },
        ajaxData : function(query_default){
            var loading = $('body').find('#post_loading');
            query_default['data']['page'] += 1;

            $.ajax({
                url : ae_globals.ajaxURL,
                type : 'post',
                data : query_default,
                beforeSend : function(){
                    $(loading).removeClass('hide');
                    $(loading).attr('data-fetch',0);
                },
                error : function(){
                    $(loading).addClass('hide');
                    $(loading).attr('data-fetch',1);
                },
                success : function (response){
                    setTimeout(function(){
                        if(response.success){
                            var container = $('body').find('#main_questions_list'),
                                questions = response.data.questions;
                            for (key in questions){
                                $(container).append(questions[key]);
                            }
                            $(loading).addClass('hide');
                            $(loading).attr('data-fetch',1);
                        }else{
                            $(loading).addClass('hide');
                        }

                    },1500);
                }
            }); 
        }
    });

24

4

0

文章推荐： c# - WPF 颜色定义困惑

文章推荐： c# - 在 C# 中将子类型列表作为父类(super class)型列表返回

文章推荐： c - 交换 16 位值的前 8 位和后 8 位

文章推荐：调用函数(带 char 参数的 int 函数)

UITableView 很慢
我有一个 view我拖了一个UITableView在里面，还有 2 UIImageView s(第一个显示背景图像，第二个只是在 View 顶部显示一个非常小的标题和图像)。它们都设置为 weak特
Postgresql 很慢
我尝试用 C# 编写简单的 PostgreSQL 查询。第一个 connection.open() 需要 20 秒。其他连接立即执行。 PGAdmin 工作也很慢。如果我打开“查看所有行”，它也需要大
html5视频搜索，很慢
我制作了一个 html5 视频播放器，我注意到如果当前播放的视频有点大，搜索时间会异常地长。越接近终点，寻找的时间越长；独立于我之前是否去过那里/与当前时间点的距离有多近，或者我是否缓冲了整个视频。
android - MaterialDatePicker 很慢
我正在使用 MaterialDatePicker，但速度很慢。 public class MainActivity extends AppCompatActivity { MaterialDa
spring - MyBatis 很慢
我想知道为什么 MyBatis 是慢在我的应用程序中。对于 SELECT COUNT(*) ，所用时间为: 20 秒 - 第一个请求 2-3 秒 - 后续请求缓存很可能使后续请求更快。配置
sip - FreeSwitch 很慢
我已经安装了一个默认的开箱即用的 FreeSwitch 实例，但是当我尝试进行内部调用(分机到分机)时，大约需要 12 秒才能建立调用并且我可以听到铃声。当我查看日志时，我几乎立即看到了连接请求，但
QTextEdit.insertHtml() 很慢
我已经放弃了让它跑得更快的实际尝试。我最大的问题是，当我插入 html 时，应用程序会变慢到爬行。我有一个进度条，我正在调用 QCoreApplication.processEvents() (顺便
RcppEigen svd 很慢
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 9
multithreading - Doxygen 很慢
Doxygen 在我们的代码库上运行大约需要 12 个小时。这主要是因为有很多代码要处理(约 1.5M 行)。然而，它很快就会接近我们无法进行夜间文档更新的地步，因为它们需要太长时间。我们已经不得不减
opengl - glMultiDrawElementsIndirect 很慢
我正在重写我的旧渲染管道。我根据自己的喜好创建了一个非常精简的原型(prototype)，令我震惊的是，我原来相当复杂且优化不佳的管道与 super 简单的原型(prototype)具有完全相同的性能
Gridster add_widget 很慢
我想为我的网站使用 Gridster，但我需要使用“add_widget”命令添加很多小部件。我做了一个测试，我认为“add_widget”功能存在问题:网格越来越慢并且存在内存泄漏。您可以在此视频
javascript - toDataURL() 很慢
我有一份包含图表和表格的报告。我正在使用 html2canvas与 jsPDF将此报告导出为 PDF 文件。但是这个过程耗时很长，超过11000ms。我尝试更改格式和质量，但没有任何效果。请看
java - forRevisionsOfEntity 很慢
我正在查询大于时间戳的类的所有修订，使用: AuditReaderFactory .get(emf.createEntityManager()) .createQuery().forR
c++ - mysql_query() 很慢
我最近想加速一个加密系统。而在这个系统中，它将使用mysql，因此它包括文件。而且我发现系统运行缓慢并不是因为加解密，而是因为处理一些sql语句。它将在运行时使用内存数据库，并使用中的 mys
java - HttpURLConnection 很慢
谁能看出为什么这需要大约 20 秒？我正在运行下面的代码以将 JSON 请求发布到本地服务器 192.168.1.127。 curl -H "Content-type: application/jso
php - MySQL "in-where"很慢？
我有两个表:Posts 和Tags，其中存储了用户发布的文章以及他们为文章附加的标签。 PostTags 表用于表示文章 ID 和标签 ID 的关系。结构如下: 帖子: id | title | au
mysql where + group by 很慢
一个我应该能够自己回答但我没有，而且在谷歌中也找不到任何答案的问题: 我有一个表，其中包含具有以下结构的 500 万行: CREATE TABLE IF NOT EXISTS `files_histo
mysql - 我的查询有什么问题(很慢)？
以下查询在具有大约 50 万行的表上执行需要 20 多秒: SELECT images.id, images.user_id, images_locale.filename, extension, s
javascript - $.getJSON 很慢
我正在使用 $.getJSON 来提取对象 list (100 个项目，不是一个大集合)，但 XHR 调用需要 8-10 秒。想了解我是否缺少某些内容或我可以采取哪些措施来加快我的计划？最佳答案
ios - HTTPsendRequest 很慢
在这段代码中，我从网站获取一个字符串并将其显示在标签上。在标签上显示字符串真的很慢!大约 10 秒。但是在控制台 println (date) 上打印字符串时是立即的。我该如何解决这个问题？

首页

博学

6Ren·AI

商城

javascript - web - 在 chrome 上滚动时网站很慢