Visualforce, a flexible Web-based framework that lets you develop custom UIs for Salesforce and Force.com desktop and mobile apps, lets you implement pages and controllers as you see fit. Often times, though, new or aging designs yield pages that are slow and unresponsive. Join us to learn how to build efficient Visualforce pages. We'll focus on two key areas for tuning, then treat you to the unveiling of a new third-party tool you can use to scan your org, and find tuning opportunities in the source code for your Visualforce pages and controllers.

1. Building Efficient Visualforce Pages
Steve Bobrowski, salesforce.com, @sbob909
Markus Spohn, salesforce.com, @markus_spohn
Joseph Ferraro, Mavens Consulting, @joeferraro

2. 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 any
litigation, risks associated with completed and any 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-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent
fiscal quarter. These 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.

3. Your company uses
Salesforce/Force.com …

4. You are a developer or architect
maintaining your org …

5. Many Visualforce pages
are slow & hurting user
productivity …

6. You need to find and rework slow
Visualforce pages.

7. Today’s Agenda
Common problems & practical
solutions for finding & fixing
slow Visualforce pages

8. Steve Bobrowski
Architect Evangelist
@sbob909

9. Markus Spohn
Architect Evangelist
@markus_spohn

10. What makes for an efficient Visualforce page?

11. Two keys to building efficient Visualforce pages …
Database access
Memory usage
Visualforce page

12. Happy, productive users …

13. Use tools to find and fix inefficient source code …

14. Related DevZone hands-on, mini-workshop
Two available times:
- Wednesday: 12 noon
- Thursday: 11am

15. Designing memory-efficient
Visualforce pages

16. Visualforce page view state
How can you ______ it?

17. Understand Visualforce page
view state

18. Visualforce page view state comes from … forms
<apex:page showHeader="true" controller="invoiceController" tabstyle="Invoice__c" sidebar="false">
<apex:form >
<apex:pageBlock >
<h1>Open Invoices</h1>
<apex:pageBlockTable id="invoiceList" value="{!invoices}" var="i">
<apex:column headerValue="Name">
<apex:outputLink value="/{!i.Id}">{!i.Name}</apex:outputLink>
</apex:column>
<apex:column value="{!i.Status__c}"/>
</apex:pageBlockTable>
</apex:pageBlock>
<apex:actionPoller action="{!pollAction}" reRender="invoiceList" interval="15"/>
</apex:form>
</apex:page>
<apex:form>

19. Visualforce page view state supports postbacks
postback
Error
Browser
page with
form
Server
Submit
post

20. Visualforce page view state is encrypted …

21. Less view state is better for response time …

22. Examine Visualforce page
view state

23. Force.com development mode … configuration
Advanced user details …

24. Force.com development mode … view state

25. Live demo page

26. Avoid unnecessary
Visualforce page
view state

27. Minimize data … examine data page uses
<apex:page showHeader="true" controller="invoiceController" tabstyle="Invoice__c" sidebar="false">
<apex:form >
<apex:pageBlock >
<h1>Open Invoices</h1>
<apex:pageBlockTable id="invoiceList" value="{!invoices}" var="i">
<apex:column headerValue="Name">
<apex:outputLink value="/{!i.Id}">{!i.Name}</apex:outputLink>
</apex:column>
<apex:column value="{!i.Status__c}"/>
</apex:pageBlockTable>
</apex:pageBlock>
<apex:actionPoller action="{!pollAction}" reRender="invoiceList" interval="15"/>
</apex:form>
</apex:page>

28. Minimize data … examine data controller gets
public class invoiceController {
Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c, Invoice_Total__c, CreatedDate,
LastModifiedDate, LastModifiedById, OwnerId FROM Invoice__c ORDER BY Status__c ASC’
LIMIT 1000;
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

29. Minimize data … match page and controller data
public class invoiceController {
Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c FROM Invoice__c ORDER BY Status__c ASC LIMIT 1000';
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

30. Minimize data … only get the rows that page needs
public class invoiceController {
Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c FROM Invoice__c
WHERE Status__c != 'Closed'
LIMIT 1000';
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

31. Live demo page

32. Use transient controller variables for read-only data
public class invoiceController {
Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c FROM Invoice__c
WHERE Status__c != 'Closed'
LIMIT 1000';
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

33. Use transient controller variables for read-only data
public class invoiceController {
Transient Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c FROM Invoice__c
WHERE Status__c != 'Closed'
LIMIT 1000';
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

34. Live demo page

35. Avoid Visualforce page
view state altogether

36. Refresh data without actionPoller (and view state)
Traditional polling alternatives to actionPoller:
Long polling/streaming updates:

37. Recap: Examine, reduce, or eliminate view state

38. Building database-efficient
Visualforce pages

39. Database-efficient Visualforce controllers
Key characteristics:
 SOQL
 logic
______

40. Execute efficient SOQL

41. Minimize record width
public class invoiceController {
Transient Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c, Invoice_Total__c, CreatedDate,
LastModifiedDate, LastModifiedById, OwnerId FROM Invoice__c ORDER BY Status__c ASC
LIMIT 1000';
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

42. Minimize record count
public class invoiceController {
Transient Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c FROM Invoice__c
WHERE Status__c != 'Closed'
LIMIT 1000';
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

43. Query & Search Optimization Cheat Sheet
http://developer.force.com/architect

44. Fetch target rows with optimizable filter conditions
public class invoiceController {
Transient Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c FROM Invoice__c
WHERE Status__c = ’Open'
LIMIT 1000';
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

45. Leverage field indexes in filter conditions
public class invoiceController {
Transient Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c FROM Invoice__c
WHERE Status__c = ’Open'
LIMIT 1000';
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

46. Live demo page

47. Leverage the Salesforce sharing architecture
public with sharing class invoiceController {
Transient Invoice__c[] invoices;
String query = 'SELECT Id, Name, Status__c FROM Invoice__c
WHERE Status__c = ’Open'
LIMIT 1000';
public Invoice__c[] getInvoices() {
invoices = Database.query(query);
return invoices;
}
public PageReference pollAction() {
invoices = Database.query(query);
return null;
}
}

48. Recap: Execute efficient SOQL queries
(And don’t forget to use the sharing architecture)

49. Design efficient controller logic

50. Use standard set controllers, when possible
Use whenever possible: don't reinvent things

51. Place DML and SOQL outside of loops

52. Use bulk processing best practices

53. Make efficient design choices

54. openInvoices page, revisited
Refreshes … every 15 seconds

55. Reconsider traditional polling
Invoice
pull (polling)

56. Use long polling with the Force.com Streaming API
Update
pull (polling)
Invoice

57. Live demo page

58. Recap: Use efficient overall page designs

59. Using tools to find and fix
common problems …
FAST!

60. Be aware of available tools

61. Force.com browser-based tools

62. Force.com IDE (Eclipse)

63. Third-party Force.com application development tools

64. MavensMate

65. All about Joe Ferraro and Mavens Consulting
Mavens Consulting is the Life Science industry’s premier
salesforce.com implementation partner focused exclusively
on delivering optimized Force.com solutions.
 Certified Force.com and Veeva Experts
 Unparalleled Global Knowledge in Life Sciences
 Specialists in Service Cloud Implementations for MedInfo Contact
Centers and Multi-Channel Portals for Physicians and Reps

66. MavensMate

67. MavensMate

68. Leverage the power
of your tools

69. MavensMate Project Health Check

70. Live demo page

71. Recap: Find and fix common problems proactively

72. Session summary

73. Session Recap: Building Efficient Visualforce Pages

74. Related DevZone hands-on, mini-workshop
Two available times:
- Wednesday: 12 noon
- Thursday: 11am

75. Steve Bobrowski
Markus Spohn
Joseph Ferraro
Salesforce.com
@sbob909
Salesforce.com
@markus_spohn
Mavens Consulting
@joeferraro