缓慢渲染的 Html 页面答案

【问题标题】：Slowly Rendered Html page缓慢渲染的 Html 页面
【发布时间】：2019-09-02 01:37:46
【问题描述】：

我正在尝试使用 notepad++ 在 html 和 CSS 中创建一个注册表单，但是每当我尝试在 chrome 上运行它时，它的加载速度都很慢。是配置错误还是什么？我究竟做错了什么？是否需要插件？这是我的全部代码：

<body>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Register</div>
                    <div class="card-body">
                        <div class="form-group row">
                            <label for="full_name" class="col-md-4 ">Full Name</label>
                            <div class="col-md-6">
                                <input type="text"  class="form-control" name="full-name">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="email_address" class="col-md-4 ">E-Mail Address</label>
                            <div class="col-md-6">
                                <input type="text"  class="form-control" name="email-address">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="user_name" class="col-md-4 ">User Name</label>
                            <div class="col-md-6">
                                <input type="text"  class="form-control" name="username">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="password" class="col-md-4 ">Password</label>
                            <div class="col-md-6">
                                <input type="password"  class="form-control">
                            </div>
                        </div>

                        <div class="col-md-6 stylish" offset-md-4>
                            <button type="submit" class="btn btn-primary"">
                            Register
                            </button>
                        </div>
                    </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
</html>

【问题讨论】：

注册按钮的类中有太多引号（注意文本颜色不一致）。如果确实是这样，那么无效的 html 可能会导致您的浏览器在它弄清楚如何处理它时挂起。
我建议您通过验证器（整个页面而不仅仅是正文）运行您的 html，并查看它是否发现任何无效语法。 validator.w3.org
另外，您说您完全发布了它。如果这是真的，那么您就缺少了开始的 html 标记和 head 标记。
还缺少开头的<form> 标签（看，我已经为你修复了缩进，这变得有些明显了）
我们可以看看网页吗？可以在网上找到吗？

标签： html css bootstrap-4 notepad++

【解决方案1】：

添加引导和 jQuery 插件。
在 HTML 页面中正确链接外部文件。
在头部添加外部链接。
保持文件夹结构整洁，便于链接外部文件。
如果一切正常，请转到此链接设置 Chrome：https://www.webnots.com/fix-slow-page-loading-issue-in-google-chrome/

    <!DOCTYPE html>
    <html>
    <body>
      <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                        <div class="card">
                            <div class="card-header">Register</div>
                            <div class="card-body">
                                    <div class="form-group row">
                                        <label for="full_name" class="col-md-4 ">Full Name</label>
                                        <div class="col-md-6">
                                            <input type="text"  class="form-control" name="full-name">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="email_address" class="col-md-4 ">E-Mail Address</label>
                                        <div class="col-md-6">
                                            <input type="text"  class="form-control" name="email-address">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="user_name" class="col-md-4 ">User Name</label>
                                        <div class="col-md-6">
                                            <input type="text"  class="form-control" name="username">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="password" class="col-md-4 ">Password</label>
                                        <div class="col-md-6">
                                            <input type="password"  class="form-control">
                                        </div>
                                    </div>


                                        <div class="col-md-6 stylish" offset-md-4>
                                            <button type="submit" class="btn btn-primary"">
                                            Register
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </body>
    </html>

【讨论】：