【swift】tableviewをスクロールした際のカクカクを解消したい

Question

アプリ開発初心者です。
QItaのAPI から取得したデータをtableviewに表示させるアプリを作成しましたが、
tableviewをスクロールさせると画面がカクカクしてスムーズにスクロールできません。
「tableview　カクカク」で検索し、対処方法を調べましたがよく分かりませんでした。

tableviewの動きをスムーズにする方法をご教授お願いいたします。

import UIKit

struct Qiita: Codable {
    let title: String
    let createdAt: String
    let user: User
    let url: String
    
    enum CodingKeys: String, CodingKey {
        case title = "title"
        case createdAt = "created_at"
        case user = "user"
        case url = "url"
    }
}
struct User: Codable {
    let name: String
    let profileImageUrl: String
    
    enum CodingKeys: String, CodingKey {
        case name = "name"
        case profileImageUrl = "profile_image_url"
    }
}



class ViewController: UIViewController {
    
    private let cellId = "cellId"
    private var qiitas = [Qiita]()
    let tableView: UITableView = {
        let tv = UITableView()
        return tv
    }()
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.addSubview(tableView)
        tableView.frame.size = view.frame.size
        
        tableView.delegate = self
        tableView.dataSource = self
        tableView.register(QiitaTableViewCell.self, forCellReuseIdentifier: cellId)
        navigationItem.title = "Qitaの記事"
        
        getQiitaApi()
        
    }
    private func getQiitaApi(){
        guard let url = URL(string: "https://qiita.com/api/v2/items?page=1&per_page=20") else { return }
        var request = URLRequest(url: url)
        request.httpMethod = "GET"
        
        let task = URLSession.shared.dataTask(with: url) { (data, response, err) in
            if let err = err {
                print("情報の取得に失敗しました。", err)
                return
            }
            if let data = data {
                do {
                    //                    let json = try JSONSerialization.jsonObject(with: data, options: .fragmentsAllowed)
                    
                    let qiita = try JSONDecoder().decode([Qiita].self, from: data)
                    self.qiitas = qiita
                    DispatchQueue.main.async {
                        self.tableView.reloadData()
                    }
                    
                    print("json: ", qiita)
                } catch(let err) {
                    print("情報の取得に失敗しました。:", err)
                }
            }
        }
        
        task.resume()
    }
    
}

extension ViewController: UITableViewDelegate, UITableViewDataSource {
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 80
    }
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return qiitas.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: cellId, for: indexPath) as! QiitaTableViewCell
        //        cell.backgroundColor = .red
        cell.qiita = qiitas[indexPath.row]
        
        return cell
    }
    
    
}

class QiitaTableViewCell: UITableViewCell {
    
    var qiita: Qiita? {
        didSet {
            bodyTextLabel.text = qiita?.title
            let url = URL(string: qiita?.user.profileImageUrl ?? "")
            do {
                let data = try Data(contentsOf: url!)
                let image = UIImage(data: data)
                userImageView.image = image
            }catch let err {
                print("Error : \(err.localizedDescription)")
            }
        }
    }
    
    let userImageView: UIImageView = {
        let iv = UIImageView()
        iv.contentMode = .scaleAspectFill
        iv.translatesAutoresizingMaskIntoConstraints = false
        iv.clipsToBounds = true
        return iv
    }()
    
    let bodyTextLabel: UILabel = {
        let label = UILabel()
        label.text = "something in here"
        label.font = .systemFont(ofSize: 15)
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        
        addSubview(userImageView)
        addSubview(bodyTextLabel)
        [
            userImageView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 10),
            userImageView.centerYAnchor.constraint(equalTo: centerYAnchor),
            userImageView.widthAnchor.constraint(equalToConstant: 50),
            userImageView.heightAnchor.constraint(equalToConstant: 50),
            
            bodyTextLabel.leadingAnchor.constraint(equalTo: userImageView.trailingAnchor, constant: 20),
            bodyTextLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
        ].forEach{ $0.isActive = true }
        
        userImageView.layer.cornerRadius = 50 / 2
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

Comments

[Tomato45]

1. 「QItaのAPI から取得したデータを」とありますが、「QIta」とは何でしょうか？URLRequestの構文を見るからに、それは「Qiita」の間違えのように見えますが。
2. tableView(_:numberOfRowsInSection:)で返ってくる件数が何件かを記述した方が問題の起因がわかると思いますが？まず一度に20件か30件ずつqiitasに渡してみては？自分だったら「Swift UITableView infinite scrolling」とかで検索してみますけど。

[GO96805224]

アドバイスいただきありがとうございます。