Using npm:

npm install angular-infinite-list --save

Import angular Infinite list module into your app module

import { InfiniteListModule } from ''angular-infinite-list'';

@NgModule({
  imports: [
    browserModule,
    FormsModule,
    InfiniteListModule,
    ...

Wrap Infinite list tag around list items

<infinitelist
    [width]=''"100%"'' 
    [height]=''500'' 
    [data]=''data'' 
    [itemSize]=''50'' 
    (update)=''event = $event''>
        <div *ngFor="let item of event?.items; let i=index;" [ngStyle]="event.getStyle(i)">
            item{{event.start + i}} : {{item|json}}
        </div>
</infinitelist>

or directive usage
<div infinitelist [width]=''"100%"'' ...</div>

angular-infinite-list 地址：<a href="https://github.com/a-jie/angular-infinite-list">https://github.com/a-jie/angular-infinite-list</a>例子：<a href="https://a-jie.github.io/angular-infinite-l 官网

https://github.com/a-jie/angular-infinite-list例子：https://github.com/a-jie/angular-infinite-list

ASP.NET Core 高 TTFB（超过 5 秒）首次访问该站点

这是我的观察。

1. 当您在一段时间内不访问站点时，它将成为理想的选择，大多数托管服务提供商（共享托管）卸载该站点和应用程序池。

2. 下次有任何请求时，再次加载应用程序需要一些时间。如果您上传应用程序的新版本，也会发生这种情况。

在 IIS 以下配置。 （高级设置）

1. 预加载已启用（站点级别）
2. 启动模式（应用程序池级别）
3. 理想超时（应用程序池级别）

如果您选择 Azure Web App，则在常规设置中会有一个配置，例如始终开启。

现在来到您的应用程序，就像您在来自外部服务器的第一次请求时加载任何数据一样。如果是这样，延迟也会导致此类问题。

asp.net – Azure网站上脚本/样式的长时间等待(TTFB)时间

Django + Nginx + Gunicorn - 为什么我的 TTFB 这么高？

如何解决Django + Nginx + Gunicorn - 为什么我的 TTFB 这么高？

这是我第一次使用 Nginx/gunicorn 设置网络服务器，所以如果有任何明显的原因我的 TTFB 如此之高，我会道歉。

根据 gtmetrix.com 我的 TTFB 是 1.4s：

在我自己的测试中，我的 TTFB 大约为 1.3 秒。

我对为什么它如此之高感到困惑，即使我启用了 brotli、缓存（静态和媒体文件）、Http2，我启用了 html minifier，所以我不知道为什么。我的服务器是纽约数字海洋上的 2GB cpu（靠近我所在的地方），所以位置不是问题。我检查了 this 堆栈溢出问题，但删除 django-htmlmin 包仍然有很高的 ttfb。我在此页面上的 Django 视图只是：

@minified_response
def home(request):
    context = {
        ''posts'': Post.objects.all()
    }
    return render(request,''blog/home.html'',context)

我认为这是一个简单的查询，我不希望 TTFB 仅仅因为这个 get 查询就这么高。我的数据库有问题吗（现在我正在使用 sqlite）？如果您需要我的任何其他文件或东西来帮助我调试，请告诉我。

此外，根据 Cloudflare 的 this 文章，我的 TTFB 很高，因为

在 CloudFlare，我们广泛使用了 Nginx，并且在调查 TTFB 时发现，在使用或不使用压缩时，TTFB 与 Nginx 存在显着差异。网页的 Gzip 压缩大大减少了网页下载所需的时间，但压缩本身是有成本的。即使完整下载速度更快，该成本也会导致 TTFB 更高。

所以我尝试删除brotli，但TTFB仍然相当高，并且在Nginx conf文件中禁用gzip对TTFB没有帮助。

描述： Nginx-Gunicorn 服务器在 Django（sqlite 数据库）上使用 Digitalocean NYC 2GB cpu

编辑：我停止使用 Cloudflare，因为我遇到了一些问题。

解决方法

# Other Stuff
fastcgi_cache_path /etc/nginx-cache levels=1:2 keys_zone=djangocache:100m inactive=60m;
fastcgi_cache_key # Your Cache Key (Ex: https://example.com/);
fastcgi_ignore_headers Cache-Control Expires Set-Cookie;
# ...
server {
    # more stuff
    location / {
          fastcgi_cache_valid 301 30d;
          fastcgi_cache djangocache;
          fastcgi_cache_valid 200 30m;
          fastcgi_cache_methods GET HEAD;
          fastcgi_cache_use_stale updating;
          fastcgi_cache_background_update on;
          fastcgi_pass # Your server name;
          fastcgi_param PATH_INFO $fastcgi_script_name;
          fastcgi_param REQUEST_METHOD $request_method;
          fastcgi_param CONTENT_TYPE $content_type;
          fastcgi_param CONTENT_LENGTH $content_length;
          add_header X-Fastcgi-Cache $upstream_cache_status;
          # ...
    }
    # ...
}