Talks
Speakers
Events
Topics
Sign in
Home
Talks
Speakers
Events
Topics
Leaderboard
Use
Analytics
Sign in
Suggest modification to this talk
Title
Description
@nateberkopec With Rails 5, Turbolinks is getting a nice upgrade, with new features like partial replacement and a progress bar with a public API. This talk will demonstrate how Rails 5 Turbolinks can achieve sub-100ms UI response times, and demonstrate some tools to help you get there. Talk given at GORUCO 2015: http://goruco.com
Date
Summarized using AI?
If this talk's summary was generated by AI, please check this box. A "Summarized using AI" badge will be displayed in the summary tab to indicate that the summary was generated using AI.
Show "Summarized using AI" badge on summary page
Summary
Markdown supported
In this talk, Nate Berkopec explores optimizing web applications using Rails 5 and Turbolinks, focusing on achieving sub-100 millisecond UI response times. Berkopec, a freelance Rails consultant, emphasizes that a common misconception is that developers need to abandon Ruby for JavaScript frameworks to improve website performance. Instead, he advocates for leveraging Rails along with Turbolinks to enhance speed without rewriting applications. ### Key Points Discussed: - **Understanding UI Response Time:** Berkopec defines 'to glass' as the duration from user interaction to complete rendering, highlighting the significance of achieving reaction times under 100 milliseconds for a seamless user experience. - **Current Performance Challenges:** A typical Rails application faces latency issues, not solely due to server response times but also due to heavy client-side processing, such as document-ready handlers that delay rendering. - **Improving Responsiveness with Turbolinks:** By utilizing Turbolinks, developers can avoid redundant tasks and minimize loading times significantly. This allows for retaining existing JavaScript while sending HTML updates from the server, resulting in agile UI interactions. - **Real-World Comparisons:** Berkopec presents a comparison between a Turbolinks implementation of a To-do MVC app and a standard Ember app, showing that the Turbolinks version exhibits reduced loading times by sidestepping unnecessary re-renders. - **Future Enhancements in Turbolinks 3:** With Rails 5’s upgrade to Turbolinks 3, new features such as partial replacement and a public API for a progress bar will further boost performance and enhance user experience. - **Tools for Optimization:** Berkopec recommends tools like the Rack Mini Profiler and Chrome timeline for profiling and diagnosing performance, allowing developers to measure speeds and identify bottlenecks effectively. - **The Concept of View Over the Wire:** This method allows applications to reduce the amount of JavaScript required by favoring HTML document replacements, making development simpler while retaining performance gains. ### Conclusion: In conclusion, Berkopec stresses the importance of focusing on view over the wire for more efficient application development. He shares his GitHub repository for further exploration of his Turbolinks implementations and encourages developers interested in performance enhancement to consider this approach. Berkopec's insights provide a promising pathway for future web development using Rails.
Suggest modifications
Cancel
