Update charts and add iPhone X

Author: Luc Dion

LayoutFrameworkBenchmark.xcodeproj/project.pbxproj

@@ -398,6 +398,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -448,6 +449,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";

LayoutFrameworkBenchmark/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -89,6 +89,11 @@
       "idiom" : "ipad",
       "filename" : "Icon-167.png",
       "scale" : "2x"
+    },
+    {
+      "idiom" : "ios-marketing",
+      "size" : "1024x1024",
+      "scale" : "1x"
     }
   ],
   "info" : {

LayoutFrameworkBenchmark/Benchmarks/BenchmarkViewController.swift

@@ -24,12 +24,12 @@ class BenchmarkViewController: UITableViewController {
             return CollectionViewControllerFeedItemAutoLayoutView(data: data)
         }),
 
-        ViewControllerData(title: "FlexLayout", factoryBlock: { viewCount in
+        ViewControllerData(title: "FlexLayout 1.3", factoryBlock: { viewCount in
             let data = FeedItemData.generate(count: viewCount)
             return CollectionViewControllerFeedItemFlexLayoutView(data: data)
         }),
 
-        ViewControllerData(title: "LayoutKit", factoryBlock: { viewCount in
+        ViewControllerData(title: "LayoutKit 7.0", factoryBlock: { viewCount in
             let data = FeedItemData.generate(count: viewCount)
             return CollectionViewControllerFeedItemLayoutKitView(data: data)
         }),
@@ -39,7 +39,7 @@ class BenchmarkViewController: UITableViewController {
             return CollectionViewControllerFeedItemManualView(data: data)
         }),
 
-        ViewControllerData(title: "PinLayout", factoryBlock: { viewCount in
+        ViewControllerData(title: "PinLayout 1.5", factoryBlock: { viewCount in
             let data = FeedItemData.generate(count: viewCount)
             return CollectionViewControllerFeedItemPinLayoutView(data: data)
         }),
@@ -101,7 +101,7 @@ class BenchmarkViewController: UITableViewController {
         func benchmarkCompleted(_ results: [Result]) {
             printResults(name: viewControllers[benchmarkIndex].title, results: results)
 
-            Timer.scheduledTimer(withTimeInterval: 0, repeats: false, block: { (_) in
+            DispatchQueue.main.async {
                 self.navigationController?.popViewController(animated: false)
 
                 benchmarkIndex += 1
@@ -110,7 +110,7 @@ class BenchmarkViewController: UITableViewController {
                 } else {
                     print("Completed!")
                 }
-            })
+            }
         }
 
         runBenchmark(viewControllerData: viewControllers[benchmarkIndex], logResults: false, completed: benchmarkCompleted)

Podfile

@@ -11,6 +11,7 @@ inhibit_all_warnings!
 target 'LayoutFrameworkBenchmark' do
     pod 'FlexLayout'
 	pod 'LayoutKit'
-    pod 'PinLayout'
+    #pod 'PinLayout'
+    pod 'PinLayout', :git => 'https://github.com/mirego/PinLayout.git', :commit => '41f0d47'
     pod 'Reveal-SDK'
 end

Podfile.lock

@@ -7,15 +7,25 @@ PODS:
 DEPENDENCIES:
   - FlexLayout
   - LayoutKit
-  - PinLayout
+  - PinLayout (from `https://github.com/mirego/PinLayout.git`, commit `41f0d47`)
   - Reveal-SDK
 
+EXTERNAL SOURCES:
+  PinLayout:
+    :commit: 41f0d47
+    :git: https://github.com/mirego/PinLayout.git
+
+CHECKOUT OPTIONS:
+  PinLayout:
+    :commit: 41f0d47
+    :git: https://github.com/mirego/PinLayout.git
+
 SPEC CHECKSUMS:
   FlexLayout: 8cfa915850eab120c3d89c3b8b02e3aca96de554
   LayoutKit: 183c513f8322f4e22321499e54163864bcdf7d97
   PinLayout: b2ebf8622b28e82b6e1216ab4e4a0a8d082214fe
   Reveal-SDK: ccc2b0f8014965ea448b7534a7c2c8da232b75e8
 
-PODFILE CHECKSUM: ae655f930c514ff23a524af2662b04f9eb65b4a4
+PODFILE CHECKSUM: 0b632096e0e587472c5a809521683004bf9e1942
 
 COCOAPODS: 1.3.1

README.md

@@ -67,7 +67,7 @@ Yoga's performance hasn't been tested directly, but FlexLayout has. FlexLayout i
 <br>
 
 ## Benchmark details
-The benchmark layout UICollectionView and UITableView cells in multiple pass, each pass contains more cells than the previous one. 
+The benchmark layout UICollectionView cells in multiple pass, each pass contains more cells than the previous one. 
 
 ## Benchmark cell's layout
 Here are the benchmark rendering results to compare visual results:
@@ -84,32 +84,46 @@ Here are the benchmark rendering results to compare visual results:
 # Results <a name="results"></a>
 
 ## Benchmark data  
-You can see the benchmark's raw data in this [spreadsheet](docs_markdown/benchmark.xlsx).
+You can see the benchmark's data and charts in this **[Google Spreadsheet Document](https://docs.google.com/spreadsheets/d/1sUNdGWBM-d_W13yC7VcfkRXC3owCVsnIublnfW-4xn4/edit#gid=1032991425)**.
 
 <br>
 
 ## Benchmark charts  
 
+
+##### General comparison
+
+This chart display a general comparison between device performance using each layout framework.
+It display the performance when layouting UICollectionView cells.
+
+The **Y axis** indicates the **number of seconds** to render all cells.
+
+<a href="docs_markdown/benchmark_comparison.png"><img src="docs_markdown/benchmark_comparison.png"/></a>
+<br>
+
+##### Details for different devices
+
 The **X axis** in following charts indicates the **number of cells** contained for each pass. The **Y axis** indicates the **number of seconds** to render all cells from one pass.
 
-<p align="center">
-  <a href="docs_markdown/benchmark_iphone7.png"><img src="docs_markdown/benchmark_iphone7.png"/></a>
+<a href="docs_markdown/benchmark_iphonex.png"><img src="docs_markdown/benchmark_iphonex.png"/></a>
+<br>
 
-<p align="center">
-  <a href="docs_markdown/benchmark_iphone6s.png"><img src="docs_markdown/benchmark_iphone6s.png"/></a>
+<a href="docs_markdown/benchmark_iphone8.png"><img src="docs_markdown/benchmark_iphone8.png"/></a>
+<br>
 
-<p align="center">
-  <a href="docs_markdown/benchmark_iphone6.png"><img src="docs_markdown/benchmark_iphone6.png"/></a>
+<a href="docs_markdown/benchmark_iphone7.png"><img src="docs_markdown/benchmark_iphone7.png"/></a>
+<br>
 
-<p align="center">
-  <a href="docs_markdown/benchmark_iphone5.png"><img src="docs_markdown/benchmark_iphone5.png"/></a>
+<a href="docs_markdown/benchmark_iphone6.png"><img src="docs_markdown/benchmark_iphone6.png"/></a>
+<br>
 
+<a href="docs_markdown/benchmark_iphone5.png"><img src="docs_markdown/benchmark_iphone5.png"/></a>
 <br>
 
+
 ## Project's TODO list
 
 * Create a reference layout and update layout codes to match that reference.
-* Automate the benchmark to run all layout frameworks automatically.
 * Display benchmark charts inside the app and being to able to export them.
 * Export benchmark data to a spreadsheet.
 * Add more layout frameworks.