Blazor Server: inject and getter performance (micro-optimization)

[wstaelens]

I will use IStringLocalizer as a sample but it is a general question for @inject'ed objects.

When using @inject in a .razor page the injected item is available as an auto-property (accessed via a getter/setter).

For example:

@inject IStringLocalizer<Foo.Properties.Resources> Sloc

  <div class="limit-height">
    <table class="table table-striped table-sm">
      <thead class="">
        <tr>
          <th scope="col">@Sloc["Account"]</th>
          <th scope="col" class="d-none d-lg-table-cell">@Sloc["Description"]</th>
<!-- ... -->

In this code sample above in the html I call @Sloc two times, thus having two times a "get" call for the IStringLocalizer being made.
When we translate every label, tooltip, etc... there an be easily 50 to 100 '@Sloc-getters' in one view or component.

Another example where we have 3 'gets' :

<img src="images/foo.png" class="mr-1" title="@Sloc["abc"]" alt="@Sloc["abc"]" /><span class="badge badge-secondary">@Sloc["abc"]</span>

Is it recommended to cache e.g. the StringLocalizer so that we reduce the number of "get"s on the stringlocalizer each time we need a translation on this razor page and instead use a local variable?

@inject IStringLocalizer<Foo.Properties.Resources> Sloc
@{
   var tmpSloc = Sloc;
}
  <div class="limit-height">
    <table class="table table-striped table-sm">
      <thead class="">
        <tr>
          <th scope="col">@tmpSloc["Account"]</th>
          <th scope="col" class="d-none d-lg-table-cell">@tmpSloc["Description"]</th>
<!-- ... -->

(I've optimized code in the past and have seen slow code paths when rendering (image conversion etc...) where we had to cache the getter so that it was only accessed once to gain a lot of performance. because the compiler didn't optimize it)