Description Visualforce is a powerful web-based framework that lets you quickly develop sophisticated, custom UIs for Force.com desktop and mobile apps. Using native Visualforce markup and standard Web development technologies like HTML5, CSS, JavaScript, and jQuery, you can rapidly build rich UIs for any app. In this webinar, we will go beyond the basics of Visualforce, and show you how to make your pages lean and fast, to provide you users with an awesome experience, resulting in high adoption rates. We will also focus on best practices and tips to help you improve page efficiency. In addition to the above, we will also show you how to build custom components, ones that can be reused across several Visualforce pages and applications. Key Takeaways ::Get thorough knowledge about Viewstate, JavaScript Remoting, Asynchronous Apex and Streaming API. ::Get up to speed with Visualforce components, and see examples of advanced custom Visualforce components in action. ::Discover how to use strongly typed attributes to parameterize component. ::Learn how to incorporate presentation, data and logic. Intended Audience This session is tailored for experienced developers who are already familiar with the Visualforce framework. Recommended Resources https://developer.salesforce.com/events/webinars/advanced_visualforce_salesforce1

1. Advanced Visualforce
17th December 2014

2. #forcewebinar
Speaker
Paul Battisson
Technical Architect, Mavens Consulting
Summer ‘14 Force.com MVP
@pbattisson

3. #forcewebinar
Force.com Casts
@forcedotcomcast
http://goo.gl/DavN6v

4. #forcewebinar
Safe Harbor
Safe harbor statement under the Private Securities Litigation Reform Act of 1995:
This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the
assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we
make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or service availability, subscriber
growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any
statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services.
The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, new
products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in
our Web hosting, breach of our security measures, the outcome of intellectual property and other litigation, risks associated with possible mergers and acquisitions,
the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth,
new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger
enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-
Q for the most recent fiscal quarter ended July 31, 2012. This documents and others containing important disclosures are available on the SEC Filings section of the
Investor Information section of our Web site.
Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not be delivered
on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc.
assumes no obligation and does not intend to update these forward-looking statements.

5. #forcewebinar
@salesforcedevs / #forcewebinar
Go Social!
Salesforce Developers
+Salesforce Developers
Salesforce Developers
Salesforce Developers The video will be posted to YouTube
& the webinar recap page
(same URL as registration).
This webinar is being recorded!

6. #forcewebinar
▪ Don’t wait until the end to ask your question!
– Technical support will answer questions starting now.
▪ Respect Q&A etiquette
– Please don’t repeat questions. The support team is
working their way down the queue.
▪ Stick around for live Q&A at the end
– Speakers will tackle more questions at the end, time-
allowing.
▪ Head to Developer Forums
– More questions? Visit developer.salesforce.com/forums
Have Questions?

7. #forcewebinar
Agenda
1. Assumptions/baseline setting
2. Page Performance
1. Viewstate
2. Apex Code
3. Resources
3. Some Tips
4. Asynchronous Pages

8. #forcewebinar
Before We Start…
 I will show code snippets
 They are all shared!

9. #forcewebinar
Assumptions
 You are comfortable with
Visualforce!
 You are comfortable with
Apex!

10. Page Performance
Viewstate

11. #forcewebinar
What is Viewstate
 Whenever an <apex:form> tag is present on a
Visualforce page an encrypted, hidden <input> field is
added
 This page tracks the state of the Visualforce page and
Apex controller between server requests
 It is the state of the current view within our MVC setup

12. #forcewebinar
What does it track?
 Non-transient data members in the related controller
and controller extensions
 Objects reachable from non-transient data members in
controllers and controller extensions
 The page’s component tree and associated state
 Housekeeping data for Visualforce (small amount)

13. #forcewebinar
What Fields Require Viewstate?
 <apex:input*>
 <apex:command*>
 <apex:action*>
 <apex:select*>
 <apex:inlineEditSupport>

14. #forcewebinar
How it is utilised

15. #forcewebinar
Positives and Negatives of Viewstate
Why it is great Why it is not so great
• Automatically tracks field
values for you
• Enables AJAX to be
simple
• Allows re-rendering of the
page
• Is (rather can be) bulky
• Limited to 135KB
• Complex AJAX is not
really possible
• Difficult to understand the
bottlenecks

16. Page Performance
Apex

17. #forcewebinar
Slow Methods Affect Page Performance

18. #forcewebinar
Main Apex Items Impacting Page Performance
 Expensive/Long Running Code
 Slow queries
 Inefficient looping
 Synchronicity

19. Page Performance
Resources

20. #forcewebinar
Javascript, CSS and Images
 Salesforce static resources make the loading of
JavaScript, CSS and Images easier
 CDN based delivery
 Caching
 Bundling in zip files
 No cross site requests

21. Tips

22. #forcewebinar
Transient Keyword
 The transient keyword can be applied to data
members that are only required for the duration of the
page request
 Items marked as transient are not stored and
transmitted in the viewstate

23. #forcewebinar
Initial Code – Not Transient

24. #forcewebinar
Updated Code - Transient

25. #forcewebinar
Viewstate Size Change
Demo!

26. #forcewebinar
Query Speed
 Ensure queries return the smallest amount of data
possible
 Utilise indexed fields
– Standard: Name, Id, RecordTypeId, CreatedDate,
LastModifiedDate, Foreign Keys, Email (Lead and Contact only)
– Custom: External Ids, Unique Fields, Custom Indexes
 http://goo.gl/gHmUFm  Query & Search Optimization
Cheat Sheet

27. #forcewebinar
Looping Through Collections
 Not all looping methods are equal
– Slow
• for(Integer i=0; i<collection.size(); i++)
– Faster
• for(Integer i=0, j=collection.size(); i<j; i++)
 http://goo.gl/mR5GZe

28. #forcewebinar
Expensive Code
 DML Statements
– Triggers
– Workflow rules
 Callouts

29. Asynchronous Pages

30. #forcewebinar
Synchronous vs Asynchronous Execution

31. #forcewebinar
Visualforce Remote Objects

32. #forcewebinar
Javascript Remoting & Visualforce Remote Objects
Javascript Remoting Visualforce Remote
Objects
• Integrate Javascript with
Apex directly
• No viewstate
• Not API based
• Requires you to handle
the callback
• Standard Controller for
Javascript/Async
• No Apex
• Same advantages of
Javascript Remoting
• Complex data models

33. #forcewebinar
Visualforce Remote Objects
Demo!

34. #forcewebinarChallenge Yourself! http://developer.salesforce.com/trailhead
• Interactive learning paths
• Earn badges and points
• Declarative and Programmatic
BRAND NEW! Introducing Trailhead

35. #forcewebinar
New App Builders
http://www.udacity.com/salesforce
http://ccoenraets.github.io/salesforce-
developer-workshop
Developer Workshop
Fast Track Tutorial for Experienced
Developers
Experienced App Builders
More Free Online Tutorials

36. #forcewebinar
Survey
Your feedback is crucial to the success
of our webinar programs. Thank you!
http://bit.ly/DevAdvVF

37. #forcewebinar
Q & A
Survey Link: http://bit.ly/DevAdvVF
Paul Battisson
Technical Architect, Mavens Consulting
Summer ‘14 Force.com MVP
@pbattisson @forcedotcomcast

38. Thank You