UITextViewの処理が重い

Question

現在、Twitterのタイムラインを表示するUITableViewを作っているのですが、どうしてもスクロールがカクついてしまいます。
セル生成の処理速度を測ってみたところ、テキストの分量が50文字くらいになると生成するのに0.01秒を超えてしまいます。
StoryboardでUITextViewのSelectableとDetectionのLinkをtrueにしています。

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

            self.tweet = self.TweetsJson![indexPath.row]
            var cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as? TableViewCell

            cell!.TextView.text = tweet!["text"].stringValue;

            cell!.nameLabel.text = tweet!["user"]["name"].stringValue;
            cell!.screenNameLabel.text = "@" + tweet!["user"]["screen_name"].stringValue;
            
            let url : NSURL = NSURL(string:tweet!["user"]["profile_image_url"].stringValue.stringByReplacingOccurrencesOfString("normal", withString: "bigger"))!
                
        
            cell!.iconImage.af_setImageWithURL(url,placeholderImage: UIImage(named: "icon_placeholder")!)
         
        return cell!
    }

TextView

cell!.TextView.text = tweet!["text"].stringValue;

0.0032秒
nameLabel

cell!.nameLabel.text = tweet!["user"]["name"].stringValue;

0.0012秒
screenNameLabel

cell!.screenNameLabel.text = "@" + tweet!["user"]["screen_name"].stringValue;

0.0014秒
iconImage

let url : NSURL = NSURL(string:tweet!["user"]["profile_image_url"].stringValue.stringByReplacingOccurrencesOfString("normal", withString: "bigger"))!
cell!.iconImage.af_setImageWithURL(url,placeholderImage: UIImage(named: "icon_placeholder")!)

0.003秒

Comments

[fuzzball]

どうやって速度を計ったのか教えて下さい。

[退会済みユーザー]

http://qiita.com/osamu1203/items/9160f5f4951ebe205ea3
こちらを参考にして測りました

[fuzzball]

cellForRowAtIndexPathの最初と最後の間の時間を計ると0.01秒overだったということでしょうか？もう少し細かい処理単位で時間を測って、もしくは、各処理を1つずつコメントアウトして、どの処理が重いのか特定して下さい。

[退会済みユーザー]

おっしゃる通り最初とreturnの直前の間を測っています。
一つ一つ調べてみたところ、UILabel.textをいじっているところで時間がかかっていました。

Answer 1

こっちに移動します。

UILabel.textをいじっているところで時間がかかっていました。

Q1. nameLabelとscreenNameLabelの両方ともでしょうか？
Q2. 質問に書かれている「テキストの分量が50文字くらいになると」というのはTextViewのことでしょうか？
Q2'-a. Q2がYesの場合、TextView.textに代入している行をコメントアウトしてもカクつくでしょうか？
Q2'-b. さらに、image関係の行をコメントアウトしてもカクつくでしょうか？
Q3. nameLabelとscreenNameLabelに設定している文字列の長さはどれくらいでしょうか？

#時間計測

最初の2行と最後の1行はそのままで、中身をそれぞれ1つだけの設定にした場合の時間を教えて下さい。

##TextView

cell!.TextView.text = tweet!["text"].stringValue;

##nameLabel

cell!.nameLabel.text = tweet!["user"]["name"].stringValue;

##screenNameLabel

cell!.screenNameLabel.text = "@" + tweet!["user"]["screen_name"].stringValue;

##iconImage

let url : NSURL = NSURL(string:tweet!["user"]["profile_image_url"].stringValue.stringByReplacingOccurrencesOfString("normal", withString: "bigger"))!
cell!.iconImage.af_setImageWithURL(url,placeholderImage: UIImage(named: "icon_placeholder")!)

Comments

[退会済みユーザー]

A1. nameLabelとscreenLabelの両方です。
A2. はい。その通りです。
A2'-a. コメントアウトして実行してもやはりUILabelの部分で時間がかかり多少カクつきます。
A2'-b. image関連の部分では0.002~3秒かかっているようで、コメントアウトするとカクつかなくなります。
A3. nameLabelは10文字前後、screenNameLabelは20文字弱です。

[fuzzball]

よく分からなくなってしまったので、もう一度時間計測をお願いします。（質問に追記してます）
あと、セルの高さはどうなっているでしょうか？固定値でしょうか？可変でしょうか？可変の場合は、どうやって求めているか教えて下さい。

【追記】
カクつくのは置いておいて、TextViewやLabelの内容は正しく表示されているのでしょうか？また、self.tweetの型を教えてもらえますか？

[退会済みユーザー]

TextViewやLabeはきちんと表示されています。
self.tweetはSwiftyJSONのJSON型です。

[fuzzball]

SwiftyJSONを調べてみましたが、単純に処理が重いですね。
あらかじめDictionary型に変換しておくか、他の（軽い）ライブラリを使いましょう。

[退会済みユーザー]

ありがとうございました。Dictionary型にキャストすることにします。

Answer 2

全体的な話として、同期的にデータを取ってきて、表示しているように見えますが、
スムーズなスクロールをさせようとするなら、データ取得部分は別で動かして、非同期処理しないと、カクカクしてしまうかと。
af_setImageWithURLで同期で画像ロードしてたりとか、これ結構コストかかりますよね？？？

なので、
TableViewとは、別にデータロードなどの管理オブジェクト（とか配列）とか、持っておき、
cellForRowAtIndexPath
では、即座にその内容を（ロードされていれば）返却するようにしないと、スムーズにはなりません。
といっても、以外と面倒な処理ですけどね。。。

Comments

[退会済みユーザー]

TweetsJsonにデータを入れています。非同期でデータを取得とは、配列からオブジェクトなどにデータを入れ替えることを指しているのでしょうか？
また、af_setImageWithURLにplaceholderImage引数を与えると非同期で画像を取得する、という風に書かれていたサイトがあったような気がするのですが、やはりこれは同期処理になっているのでしょうか？

[ItoTomonori]

大変しつれいいたしました。
どうも、af_setImageWithURLと、placeholderImageで、非同期ロードできるようですね、、、このあたり実動作はみたことないので、なんともですが。。。

非同期ロードとは、データの取得と、描画を分けることで、
描画側はデータのロードの状態に関係なく、描画を行うようにして、実装を行うことです。
よって、描画側は、データの取得の時間にかかわらず決まった時間で処理を行うことができます。

ちなみに、
「テキストの分量が50文字くらいになると生成するのに0.01秒を超えてしまいます」
となっていますが、それでも画面に表示されているセルの分だけですので、通常は１０個とか？そのような数ですから、描画にはあまり影響ないような？？？
あと、通常セルは描画される直前（たとえば、画面にみえてくる前）に生成されるため、スクロールしている段階で、都度生成されているはずです。このあたりトレースを入れてみてみるとよいかと思います。

セルの生成以外で時間かかっている場所はないでしょうかね？

[退会済みユーザー]

ありがとうございます。データの取得はviewDidLoadの中で行い、フラグを立てて描画するようにしています。
時間がかかっている場所を一つずつ調べてみます。